checkbox全选和单选操作

来源:互联网 发布:淘宝赔货怎么流程图 编辑:程序博客网 时间:2024/05/29 02:59

复选框全选点击事件:

页面:onclick="selectAllCheck(this,'ids');"/** * 复选框全选操作,obj为全选框对象,selname为复选框name * @param obj * @param selname * @constructor */function selectAllCheck(obj, selname) {    var el = document.getElementsByName(selname);    var len = el.length;    if (obj.checked === true) {        $(obj).attr('title', '反选');        for (var i = 0; i < len; i++) {            if (!el[i].disabled) {                el[i].checked = true;            }        }    } else {        $(obj).attr('title', '全选');        for (var j = 0; j < len; j++) {            if (!el[j].disabled) {                el[j].checked = false;            }        }    }}

复选框列表点击事件:

页面:onclick="doSelect(this,'ids');"/** * 选中列表中的复选框对象后,更改全选框状态 * chkObj复选框对象,selname复选框名称 * @param chkObj * @param selname */function doSelect(chkObj, selname) {    var chkAll = document.getElementsByName("CheckAll")[0];    if (chkAll.checked) {        chkAll.checked = false;        chkObj.checked = false;    } else {        if (chkObj.checked) {            chkObj.checked = true;        } else {            chkObj.checked = false;        }        var el = document.getElementsByName(selname);        var len = el.length;        var temp = 0;        for (var i = 0; i < len; i++) {            if (el[i].checked === true) {                temp = temp + 1;            }        }        if (temp === len) {            chkAll.checked = true;        }    }}

判断是否有复选框选中或是否有复选框列表

if($("input[name='ids']").length==0){            showMessage("没有可以导出的数据","error");            return ;        } if ($("input[name='ids']:checked").length === 0) {            showMessage("请选择要导出的数据", "error");            return;        }