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

相关文章： c++怎么实现高并发下的无锁队列_c++ std::atomic原子变量与CAS操作【详解】  教育培训网站制作流程,请问edu教育网站的域名怎么申请？  高防服务器租用首荐平台，企业级优惠套餐快速部署  贸易公司网站制作流程,出口贸易网站设计怎么做？  网站制作网站,深圳做网站哪家比较好？  如何选购建站域名与空间？自助平台全解析  ppt在线制作免费网站推荐,有什么下载免费的ppt模板网站？  零基础网站服务器架设实战：轻量应用与域名解析配置指南  高性能网站服务器配置指南：安全稳定与高效建站核心方案  如何在阿里云高效完成企业建站全流程？  C++如何编写函数模板？（泛型编程入门）  如何选择域名并搭建高效网站？  网站代码制作软件有哪些,如何生成自己网站的代码？  ,巨量百应是干嘛的？  网站插件制作软件免费下载,网页视频怎么下到本地插件？  制作网站的过程怎么写,用凡科建站如何制作自己的网站？  如何用狗爹虚拟主机快速搭建网站？  建站之星IIS配置教程：代码生成技巧与站点搭建指南  兔展官网 在线制作,怎样制作微信请帖？  网站制作公司,橙子建站是合法的吗？  建站主机助手选型指南：2025年热门推荐与高效部署技巧  文字头像制作网站推荐软件,醒图能自动配文字吗？  建站之星安装步骤有哪些常见问题？  建站三合一如何选？哪家性价比更高？  如何打造高效商业网站？建站目的决定转化率  b2c电商网站制作流程,b2c水平综合的电商平台？  Android自定义控件实现温度旋转按钮效果  如何制作公司的网站链接,公司想做一个网站，一般需要花多少钱？  网站企业制作流程,用什么语言做企业网站比较好？  如何快速完成中国万网建站详细流程？  网站制作难吗安全吗,做一个网站需要多久时间？  广州营销型建站服务商推荐：技术优势与SEO优化解析  mc皮肤壁纸制作器,苹果平板怎么设置自己想要的壁纸我的世界？  邀请函制作网站有哪些,有没有做年会邀请函的网站啊？在线制作，模板很多的那种？  如何在新浪SAE免费搭建个人博客？  ,网站推广常用方法？  企业在线网站设计制作流程,想建设一个属于自己的企业网站，该如何去做？  ,如何利用word制作宣传手册？  如何访问已购建站主机并解决登录问题？  制作门户网站的参考文献在哪,小说网站怎么建立？  免费公司网站制作软件,如何申请免费主页空间做自己的网站？  如何通过.red域名打造高辨识度品牌网站？  C#怎么使用委托和事件 C# delegate与event编程方法  网站设计制作企业有哪些,抖音官网主页怎么设置？  小型网站制作HTML,*游戏网站怎么搭建？  焦点电影公司作品,电影焦点结局是什么？  网站网页制作专业公司,怎样制作自己的网页？  番禺网站制作公司哪家值得合作,番禺图书馆新馆开放了吗？  如何使用Golang安装API文档生成工具_快速生成接口文档  已有域名和空间如何快速搭建网站？