服务器之家

服务器之家 > 正文

javascript checkbox全选和反选的简单实现

时间:2020-10-05 12:43     来源/作者:enterys

javascript checkbox全选和反选的简单实现

 发现这样写checkbox全选和反选最简洁明了。

?
1
2
3
4
5
6
function tempUser(val){
   $("input[name='userid']").each(function() { 
     this.checked = val; 
  });
}
<br>
?
1
2
3
4
5
6
7
8
<input type='checkbox' onclick="tempUser(this.checked)" />
<input type='checkbox' name="userid" />
<input type='checkbox' name="userid" />
<input type='checkbox' name="userid" />
<input type='checkbox' name="userid" />
<input type='checkbox' name="userid" />
<input type='checkbox' name="userid" />
<input type='checkbox' name="userid" />

感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!

原文链接:http://blog.csdn.net/enterys/article/details/14449763

相关文章

热门资讯

2020微信伤感网名听哭了 让对方看到心疼的伤感网名大全
2020微信伤感网名听哭了 让对方看到心疼的伤感网名大全 2019-12-26
Intellij idea2020永久破解,亲测可用!!!
Intellij idea2020永久破解,亲测可用!!! 2020-07-29
歪歪漫画vip账号共享2020_yy漫画免费账号密码共享
歪歪漫画vip账号共享2020_yy漫画免费账号密码共享 2020-04-07
电视剧《琉璃》全集在线观看 琉璃美人煞1-59集免费观看地址
电视剧《琉璃》全集在线观看 琉璃美人煞1-59集免费观看地址 2020-08-12
最新idea2020注册码永久激活(激活到2100年)
最新idea2020注册码永久激活(激活到2100年) 2020-07-29
返回顶部