JS 控制checkbox 获取 全选 全不选 一行不选择全选则不被选择 全部选择全选被选择

//点击全选按钮的事件操作
    function selectAll(){  
       var allcheckBoxs=document.getElementsByName("iTo");  
       var select=document.getElementsByName("select");  
       if(select[0].checked){ //,每一个都选择,全选按钮被选择 
          for(var i=0;i<allcheckBoxs.length;i++){  
            allcheckBoxs[i].checked = true;  
          }  
       }else{  //有一个不选择,全选按钮则不选择
         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;
			}
		}
	});/**反全选*/

 
 

<!--页面上 全选按钮-->
<input type='checkbox' id='select' name="select" οnclick="selectAll();"/>

<INPUT type="checkbox" name="iTo" οnclick='getRowValue(this);'>选择1

<INPUT type="checkbox" name="iTo" οnclick='getRowValue(this);'>选择2

<INPUT type="checkbox" name="iTo" οnclick='getRowValue(this);'>选择3

<INPUT type="checkbox" name="iTo" οnclick='getRowValue(this);'>选择4

<INPUT type="checkbox" name="iTo" οnclick='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;
			}
		}
    });






                
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值