web建站教程
  1. 首页
  2. vuejs
  3. js
  4. 好玩
  5. seo教程
  6. 前端知识
  7. 百度echarts
  8. 更多
    php入门
    nodejs
    mockjs
    reactjs
    mysql
    wordpress
    织梦cms
    帝国cms
    git教程
    IT知识
    模板大全
    休息站

jQuery如何实现input[type="checkbox"]全选和反选

307 ℃
     

html开发中如何利用jQuery语法实现input[type="checkbox"]全选和反选,下面web建站小编给大家简单介绍一下!

具体实现代码:

//全选
$("#checkAll").click(function () {
  $('input[type="checkbox"]').prop('checked', this.checked);
});

//反选
$("#reverseSelect").click(function () {
  $('input[type="checkbox"]').each(function () {
    this.checked = !this.checked;
  });
});

PS:this.checked为当前数据的选中状态!

uniapp开发axios接口调用解决跨域问题(只需4步)

javascript利用pinyin库把汉字转拼音(不带声调)

javascript语法中不等于null和空字符串的3种判断方式

html网页上如何把文件压缩成zip代码示列(前端HTML/JavaScript和后端Node.js + Express)

javascript语法读取文本文件代码(PHP代码读取文本文件)

标签: jQuery全选, jQuery反选

上面是“jQuery如何实现input[type="checkbox"]全选和反选”的全面内容,想了解更多关于 js 内容,请继续关注web建站教程。

当前网址:https://ipkd.cn/webs_4725.html

声明:本站提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请发送到邮箱:admin@ipkd.cn,我们会在看到邮件的第一时间内为您处理!

当前位置: 网站首页 > js
本文共计315个字,预计阅读时长3分钟
生活小工具,收录了80多款小工具
上一篇: 推荐一款免费可商用英文字体——Atkinson Hyperlegible
下一篇: 推荐一款免费好看的中文设计字体——字体传奇特战体
x 打工人ai神器