简单实现jQuery多选框功能

Jquery多选框的基本操作：支持全选、反选、取消全选的功能

HTML正文：

<input type="checkbox" id="c1">全选/全不选<br>
兴趣爱好：<br>
<input type="checkbox" name="interst" value="basketball">篮球
<input type="checkbox" name="interst" value="football">足球
<input type="checkbox" name="interst" value="bedminton">羽毛球<br>
<input type="button" id="b1" value="全选">
<input type="button" id="b2" value="全不选">
<input type="button" id="b3" value="反选">
<input type="button" id="b4" value="显示">

Javascript操作代码：

$("#c1").click(function(){
if(this.checked){
  $("input[name='interst']").attr("checked","checked");
}else{
  //$("input[name='interst']").attr("checked",""); //等价于
  $("input[name='interst']").removeAttr("checked");
}
});

$("#b1").click(function(){
  $("input[name='interst']").attr("checked","checked");
});

$("#b2").click(function(){
  $("input[name='interst']").attr("checked","");
});

$("#b3").click(function(){
  $("input[name='interst']").each(function(){
  if(this.checked){
    this.checked="";
  }else{
    this.checked="checked";
  }
  });
});

$("#b4").click(function(){
$("input[name='interst']:checked").each(function(){
  alert(this.value);
});
});

效果：

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。

# jQuery  # 多选框  # jQuery 获取多选框的值及多选框中文的函数  # jQuery实现的多选框多级联动插件  # jquery select多选框的左右移动 具体实现代码  # jquery对单选框  # 文本框等常见操作小结  # jQuery对下拉框  # 单选框  # 多选框的操作  # jQuery多选框选择数量限制方法  # jquery中表单 多选框的一种巧妙写法  # jQuery模拟html下拉多选框的原生实现方法示例  # Jquery多选框互相内容交换的实例代码  # jQuery中实现prop()函数控制多选框(全选  # 反选)  # jQuery实现获取多选框的值示例  # 全选  # 不选  # 大家多多  # 兴趣爱好  # 多选  # checkbox  # type  # input  # id  # interst  # gt  # strong  # HTML 

相关文章： 我的世界制作壁纸网站下载,手机怎么换我的世界壁纸？  详解jQuery停止动画——stop()方法的使用  如何快速生成专业多端适配建站电话？  官网网站制作腾讯审核要多久,联想路由器newifi官网  整人网站在线制作软件,整蛊网站退不出去必须要打我是白痴才能出去？  南京做网站制作公司,南京哈发网络有限公司，公司怎么样，做网页美工DIV+CSS待遇怎么样？  建站主机如何选？高性价比方案全解析  文字头像制作网站推荐软件,醒图能自动配文字吗？  建站之星如何通过成品分离优化网站效率？  高防网站服务器：DDoS防御与BGP线路的AI智能防护方案  如何在阿里云部署织梦网站？  制作网站的模板软件,网站怎么建设？  建站之星在线版空间：自助建站+智能模板一键生成方案  安徽网站建设与外贸建站服务专业定制方案  制作网站怎么制作,*游戏网站怎么搭建？  如何选择高效响应式自助建站源码系统？  如何选择适合PHP云建站的开源框架？  建站之星在线客服如何快速接入解答？  网站设计制作公司地址,网站建设比较好的公司都有哪些？  齐河建站公司：营销型网站建设与SEO优化双核驱动策略  建站之星如何防范黑客攻击与数据泄露？  建站主机功能解析：服务器选择与快速搭建指南  制作证书网站有哪些,全国城建培训中心证书查询官网？  如何续费美橙建站之星域名及服务？  实现点击下箭头变上箭头来回切换的两种方法【推荐】  义乌企业网站制作公司,请问义乌比较好的批发小商品的网站是什么？  如何在搬瓦工VPS快速搭建网站？  mc皮肤壁纸制作器,苹果平板怎么设置自己想要的壁纸我的世界？  建站VPS选购需注意哪些关键参数？  已有域名能否直接搭建网站？  专业制作网站的公司哪家好,建立一个公司网站的费用.有哪些部分,分别要多少钱？  网站网页制作电话怎么打,怎样安装和使用钉钉软件免费打电话？  如何配置WinSCP新建站点的密钥验证步骤？  家庭建站与云服务器建站，如何选择更优？  如何构建满足综合性能需求的优质建站方案？  公司网站建设制作费用,想建设一个属于自己的企业网站，该如何去做？  如何零成本快速生成个人自助网站？  如何在局域网内绑定自建网站域名？  定制建站平台哪家好？企业官网搭建与快速建站方案推荐  可靠的网站设计制作软件,做网站设计需要什么样的电脑配置？  网站制作大概要多少钱一个,做一个平台网站大概多少钱？  建站之星展会模板：智能建站与自助搭建高效解决方案  建站之星代理商如何保障技术支持与售后服务？  网站制作网站,深圳做网站哪家比较好？  如何配置FTP站点权限与安全设置？  如何快速搭建安全的FTP站点？  电商网站制作公司有哪些,1688网是什么意思？  PHP正则匹配日期和时间(时间戳转换)的实例代码  ,网页ppt怎么弄成自己的ppt？  如何在云主机上快速搭建网站？