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

作者:lqh 时间:2022-08-31 14:16:32 

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

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

来源:http://blog.csdn.net/enterys/article/details/14449763

标签:javascript,checkbox,全选,反选
0
投稿

猜你喜欢

  • 简单聊一聊Java线程池ThreadPoolExecutor

    2021-10-23 15:56:58
  • 如何修改FeginCilent定义的服务名到指定服务

    2022-07-05 05:49:05
  • 关于Mybatis与JPA的优缺点说明

    2023-08-23 22:28:33
  • c#学习之30分钟学会XAML

    2022-02-08 03:09:52
  • JDK源码之Vector与HashSet解析

    2021-09-06 10:47:23
  • SpringBoot拦截器的配置使用介绍

    2021-06-20 07:25:54
  • Java流程控制之循环结构for,增强for循环

    2023-11-03 10:45:20
  • Java编程实现中英混合字符串数组按首字母排序的方法

    2022-03-16 02:34:54
  • 初步编写IDEA\\AndroidStudio翻译插件的方法

    2022-12-14 19:30:30
  • C#计算字符串哈希值(MD5、SHA)的方法小结

    2022-07-02 15:47:55
  • 使用@符号让C#中的保留字做变量名的方法详解

    2022-06-07 20:22:48
  • 浅谈@Aspect@Order各个通知的执行顺序

    2021-10-24 19:00:38
  • Spring整合junit的配置过程图解

    2022-12-18 16:37:48
  • java 中newInstance()方法和new关键字的区别

    2023-11-25 07:17:26
  • c#爬虫爬取京东的商品信息

    2022-12-03 14:38:11
  • 解析ScrollView--仿QQ空间标题栏渐变

    2021-06-20 22:44:54
  • Java 自定义动态数组方式

    2022-08-26 01:38:37
  • SpringBoot 如何添加容器启动的初始化逻辑的操作方法

    2021-11-20 12:10:39
  • shiro之记住登录信息

    2023-03-06 18:39:13
  • Java Pattern与Matcher字符串匹配案例详解

    2022-03-25 16:07:19
  • asp之家 软件编程 m.aspxhome.com