复选框全选点击事件:
页面:this:全选框对象,ids:复选框的name值οnclick="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; } } }}
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
- 11
- 12
- 13
- 14
- 15
- 16
- 17
- 18
- 19
- 20
- 21
- 22
- 23
- 24
- 25
- 26
- 27
- 28
复选框列表点击事件:
页面:this:复选框对象 ids:复选框name值οnclick="doSelect(this,'ids');"/** * 选中列表中的复选框对象后,更改全选框状态 * chkObj复选框对象,selname复选框name值 * @param chkObj * @param selname */function doSelect(chkObj, selname) { var chkAll = document.getElementsByName("CheckAll")[0];//根据name值获取全选框对象 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; } }}
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
- 11
- 12
- 13
- 14
- 15
- 16
- 17
- 18
- 19
- 20
- 21
- 22
- 23
- 24
- 25
- 26
- 27
- 28
- 29
- 30
- 31
- 32
- 33
- 34
判断是否有复选框选中或是否有复选框列表
ids:复选框name值if($("input[name='ids']").length==0){ showMessage("没有可以导出的数据","error"); return ; } if ($("input[name='ids']:checked").length === 0) { showMessage("请选择要导出的数据", "error"); return; }
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9