js全选与全不选

最新推荐文章于 2025-08-01 15:23:39 发布

原创最新推荐文章于 2025-08-01 15:23:39 发布 · 108 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #ViewUI

js 专栏收录该内容

27 篇文章

订阅专栏

本文介绍了一个代码片段，展示了如何通过JavaScript实现输入框的批量选择与全选功能，包括HTML元素操作、事件监听及逻辑判断。

不多说，直接上代码

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