EasyUi datagrid列表增加复选框

本文为博主原创，未经允许不得转载

1.增加复选框列

{

    field: 'oid',

    title: '<input type=\"checkbox\" name=\"selectRadioList\" id=\"selectRadioList\"  checked= true onchange="selectAll()"/>',

    width: 28,

    formatter: function(value, rowData, rowIndex){

        return "<input type=\"checkbox\"  name=\"selectRadioName\"   value=\"" + rowData.id + "\" >";

    }

},    

2.表单提交或查询时获取选中的数据id

var _this = this;

//获取选中的数据

obj = document.getElementsByName("selectRadioName");

var ids;

var checked = false;

for(k in obj){

    var selectId = obj[k].value;

    if(selectId){

        if(obj[k].checked){

             //取到对象数组后，我们来循环检测它是不是被选中

                //如果选中，将value添加到变量s中

            if(ids!=null){

                ids+=","+selectId;

            }else{

                ids =selectId;

            }

        }

    }

}

if(ids==null||ids == undefined){

    _this.tip("请选择记录");

    return;

}

3.控制标题栏中复选框全选和取消操作

function selectAll(){

    var vals=document.getElementById("selectRadioList").checked;

    if(vals==true){

         $("input[name='selectRadioName']").attr("checked", 'checked');

         $("input[name='selectRadioName']").prop("checked",true);

    }

    if(vals==false){

        $("input[name='selectRadioName']").removeAttr("checked");

        $("input[name='selectRadioName']").prop("checked",false);

    }

}

效果：