js全选与全不选

人称饼哥

于 2013-03-21 12:00:16 发布

阅读量84

点赞数

CC 4.0 BY-SA版权

分类专栏： js 文章标签： javascript ViewUI

本文链接：https://blog.youkuaiyun.com/breezylee2009/article/details/88223997

js 专栏收录该内容

27 篇文章

订阅专栏

不多说，直接上代码

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.youkuaiyun.com/ningxi_/article/details/7165040,

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