简单实现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 

相关文章： 建站之星微信建站一键生成小程序+多端营销系统  如何通过PHP快速构建高效问答网站功能？  广州网站制作的公司,现在专门做网站的公司有没有哪几家是比较好的，性价比高，模板也多的？  如何快速搭建个人网站并优化SEO？  如何自己制作一个网站链接,如何制作一个企业网站，建设网站的基本步骤有哪些？  建站之星如何修改网站生成路径？  大连网站设计制作招聘信息,大连投诉网站有哪些？  如何彻底卸载建站之星软件？  建站之星安装模板失败：服务器环境不兼容？  网站制作外包价格怎么算,招聘网站上写的“外包”是什么意思？  如何快速搭建高效香港服务器网站？  如何快速查询网站的真实建站时间？  建站之星如何一键生成手机站？  高性价比服务器租赁——企业级配置与24小时运维服务  怎么制作一个起泡网,水泡粪全漏粪育肥舍冬季氨气超过25ppm，可以有哪些措施降低舍内氨气水平？  建站之星导航菜单设置与功能模块配置全攻略  公司网站制作费用多少,为公司建立一个网站需要哪些费用？  建站之星安装提示数据库无法连接如何解决？  建站之星图片链接生成指南：自助建站与智能设计教程  建站之星如何快速解决建站难题？  网页设计与网站制作内容,怎样注册网站？  建站之星后台管理系统如何操作？  外汇网站制作流程,如何在工商银行网站上做外汇买卖？  如何通过建站之星自助学习解决操作问题？  如何通过虚拟主机空间快速建站？  如何在IIS中配置站点IP、端口及主机头？  网站制作话术技巧,网站推广做的好怎么话术？  免费网站制作appp,免费制作app哪个平台好？  建站之星如何实现五合一智能建站与营销推广？  定制建站流程解析：需求评估与SEO优化功能开发指南  如何在西部数码注册域名并快速搭建网站？  最好的网站制作公司,网购哪个网站口碑最好，推荐几个？谢谢？  网站视频怎么制作,哪个网站可以免费收看好莱坞经典大片？  宠物网站制作html代码,有没有专门介绍宠物如何养的网站啊？  小视频制作网站有哪些,有什么看国内小视频的网站，求推荐？  制作网页的网站有哪些,电脑上怎么做网页？  潍坊网站制作公司有哪些,潍坊哪家招聘网站好？  百度网页制作网站有哪些,谁能告诉我百度网站是怎么联系？  小程序网站制作需要准备什么资料,如何制作小程序？  如何在橙子建站中快速调整背景颜色？  如何用西部建站助手快速创建专业网站？  大连 网站制作,大连天途有线官网？  太原网站制作公司有哪些,网约车营运证查询官网？  C++如何将C风格字符串（char*）转换为std::string？（代码示例）  零基础网站服务器架设实战：轻量应用与域名解析配置指南  javascript中的try catch异常捕获机制用法分析  实惠建站价格推荐：2025年高性价比自助建站套餐解析  如何通过云梦建站系统实现SEO快速优化？  如何快速搭建虚拟主机网站？新手必看指南  如何通过西部数码建站助手快速创建专业网站？