java

推荐列表 站点导航

当前位置:首页 > 脚本编程 > java >

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

来源:互联网  作者:网友投稿  发布时间:2021-01-05 13:55
这篇文章主要介绍了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" />

 

相关热词:

本站内容来源于网络,如有侵权请与我们联系,我们会及时删除,我们深感抱歉!
注:本站所有信息仅供用于网络技术学习参考,学习中请遵循相关法律法规!

本文地址: https://v30.fanwenzhu.com/jiaob/java/11154.shtml

Copyright © www.juheyunku.com      关于 | 合作 | 声明 | 联系 | 更新 | 地图 | Tags

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

2021-01-05 编辑:网友投稿

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" />

 

本站内容来源于网络,如有侵权请与我们联系,我们会及时删除,我们深感抱歉!
注:本站所有信息仅供学习参考!
本文地址为 https://v30.fanwenzhu.com/jiaob/java/11154.shtml

相关文章

风云图片

推荐阅读

返回java频道首页