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文档生成工具_快速生成接口文档
已有域名和空间如何快速搭建网站?
*请认真填写需求信息,我们会在24小时内与您取得联系。