js全选与全不选

不多说,直接上代码

function choseAllDn(){
		
		var isChecked = document.getElementById("choseAll").checked;
		
		if(isChecked){
			 $("input[name='dn']").each(function(){
				   $(this).attr("checked",true);
				  });  
		}else{
			$("input[name='dn']").each(function(){
				   $(this).attr("checked",false);
				  }); 
		}
		
	}

 

 

<input class="licheckbox" type="checkbox" name="dn" id='dn_<s:property value="dn"/>'/>
<input class="licheckbox" type="checkbox" name="dn" id='dn_<s:property value="dn"/>'/>
<input class="licheckbox" type="checkbox" name="dn" id='dn_<s:property value="dn"/>'/>

<span><input id="choseAll" class="licheckbox" type="checkbox" onclick="choseAllDn()"/></span><span>全选</span>

 

 注意,document.getElementById("choseAll").checked 拿到的值和 jquery方式做同样的操作拿的值,有可能不同,详见http://blog.csdn.net/ningxi_/article/details/7165040,

 

还有,不能在那个function choseAllDn里面定义isCheckEd为 boolean类型,要定义成var

你可能感兴趣的:(js)