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

时间:2022-03-11 12:41:02

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