首页 > 代码库 > JS 控制checkbox 获取 全选 全不选 一行不选择全选则不被选择 所有选择全选被选择
JS 控制checkbox 获取 全选 全不选 一行不选择全选则不被选择 所有选择全选被选择
//点击全选button的事件操作 function selectAll(){ var allcheckBoxs=document.getElementsByName("iTo"); var select=document.getElementsByName("select"); if(select[0].checked){ //,每个都选择,全选button被选择 for(var i=0;i<allcheckBoxs.length;i++){ allcheckBoxs[i].checked = true; } }else{ //有一个不选择。全选button则不选择 for(var i=0;i<allcheckBoxs.length;i++){ allcheckBoxs[i].checked = false; } } } $(‘input[name=sca]‘).click(function(){ var ckslength = $(‘input[name=sca]‘).length; if(!$(this)[0].checked){ $(‘#select‘)[0].checked = false; }else if($(this)[0].checked){ if($(‘input[name=sca]:checked‘).length == ckslength){ $(‘#select‘)[0].checked = true; } } });/**反全选*/
<!--页面上 全选button--> <input type=‘checkbox‘ id=‘select‘ name="select" onclick="selectAll();"/> <INPUT type="checkbox" name="iTo" onclick=‘getRowValue(this);‘>选择1 <INPUT type="checkbox" name="iTo" onclick=‘getRowValue(this);‘>选择2 <INPUT type="checkbox" name="iTo" onclick=‘getRowValue(this);‘>选择3 <INPUT type="checkbox" name="iTo" onclick=‘getRowValue(this);‘>选择4 <INPUT type="checkbox" name="iTo" onclick=‘getRowValue(this);‘>选择5
当用js追加一行<input type=‘checkbox‘ name=‘iTo‘ />选择6时。
用click函数已经无法监听到该“选择6”。此时应该用
live函数
live() 方法为被选元素附加一个或多个事件处理程序,并规定当这些事件发生时执行的函数。
通过 live() 方法附加的事件处理程序适用于匹配选择器的当前及未来的元素(比方由脚本创建的新元素)。
$(‘input[name=iTo]‘).live("click",function(){ var ckslength = $(‘input[name=iTo]‘).length; if(!$(this)[0].checked){ $(‘#select‘)[0].checked = false; }else if($(this)[0].checked){ if($(‘input[name=iTo]:checked‘).length == ckslength){ $(‘#select‘)[0].checked = true; } } });
JS 控制checkbox 获取 全选 全不选 一行不选择全选则不被选择 所有选择全选被选择
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。