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

2022-10-18,,,

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

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

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

function tempUser(val){ 
   $("input[name='userid']").each(function() {  
     this.checked = val;  
  }); 
} 

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

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

您可能感兴趣的文章:

  • 利用Vue.js实现checkbox的全选反选效果
  • javascript实现checkBox的全选,反选与赋值
  • js实现checkbox全选、不选与反选的方法
  • 两种不同的方法实现js对checkbox进行全选和反选
  • js实现checkbox全选和反选示例
  • 实现checkbox全选、反选、取消JavaScript小脚本异常
  • jquery、js操作checkbox全选反选
  • js操作CheckBoxList实现全选/反选(在客服端完成)
  • Jquery CheckBox全选方法代码附js checkbox全选反选代码
  • javaScript checkbox 全选/反选及批量删除

《javascript checkbox全选和反选的简单实现.doc》

下载本文的Word格式文档,以方便收藏与打印。