服务器之家:专注于服务器技术及软件下载分享
分类导航

PHP教程|ASP.NET教程|Java教程|ASP教程|编程技术|正则表达式|C/C++|IOS|C#|Swift|Android|VB|R语言|JavaScript|易语言|vb.net|

服务器之家 - 编程语言 - Java教程 - javascript checkbox全选和反选的简单实现

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

2020-10-05 12:43enterys Java教程

这篇文章主要介绍了javascript checkbox全选和反选的简单实现的相关资料,需要的朋友可以参考下

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

延伸 · 阅读

精彩推荐