jQuery操作复选框(CheckBox)的取值赋值实现代码


Posted in Javascript onJanuary 10, 2017

1. 获取单个checkbox选中项(三种写法):

$("input:checkbox:checked").val()

或者

$("input:[type='checkbox']:checked").val();

或者

$("input:[name='ck']:checked").val();

2. 获取多个checkbox选中项:

$('input:checkbox').each(function() { 
  if ($(this).attr('checked') ==true) { 
    alert($(this).val()); 
  } 
});

3. 设置第一个checkbox 为选中值:

$('input:checkbox:first').attr("checked",'checked');

或者

$('input:checkbox').eq(0).attr("checked",'true');

4. 设置最后一个checkbox为选中值:

$('input:radio:last').attr('checked', 'checked');

或者

$('input:radio:last').attr('checked', 'true');

5. 根据索引值设置任意一个checkbox为选中值:

$('input:checkbox).eq(索引值).attr('checked', 'true');索引值=0,1,2....

或者

$('input:radio').slice(1,2).attr('checked', 'true');

6. 选中多个checkbox:

同时选中第1个和第2个的checkbox:

$('input:radio').slice(0,2).attr('checked','true');

7. 根据Value值设置checkbox为选中值:

$("input:checkbox[value='1']").attr('checked','true');

8. 删除Value=1的checkbox:

$("input:checkbox[value='1']").remove();

9. 删除第几个checkbox:

$("input:checkbox").eq(索引值).remove();索引值=0,1,2.... 
如删除第3个checkbox: 
$("input:checkbox").eq(2).remove();

10.遍历checkbox:

$('input:checkbox').each(function (index, domEle) { 
//写入代码 
});

11.全部选中

$('input:checkbox').each(function() { 
  $(this).attr('checked', true); 
});

12.全部取消选择:

$('input:checkbox').each(function () { 
  $(this).attr('checked',false); 
});

以上所述是小编给大家介绍的jQuery操作复选框(CheckBox)的取值赋值实现代码,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
用javascript模仿ie的自动完成类似自动完成功的表单
Dec 12 Javascript
关于jquery中全局函数each使用介绍
Dec 10 Javascript
使用phantomjs进行网页抓取的实现代码
Sep 29 Javascript
javascript十六进制及二进制转化的方法
May 06 Javascript
jQuery实现仿腾讯迷你首页选项卡效果代码
Sep 17 Javascript
jQuery实现表格与ckeckbox的全选与单选功能
Nov 24 Javascript
详解vue 配合vue-resource调用接口获取数据
Jun 22 Javascript
jQuery实现的事件绑定功能基本示例
Oct 11 jQuery
JS运动特效之任意值添加运动的方法分析
Jan 24 Javascript
使用vue + less 实现简单换肤功能的示例
Feb 21 Javascript
微信小程序中上传图片并进行压缩的实现代码
Aug 28 Javascript
VSCode 配置uni-app的方法
Jul 11 Javascript
jQuery UI仿淘宝搜索下拉列表功能
Jan 10 #Javascript
jquery 正整数数字校验正则表达式
Jan 10 #Javascript
Angular的$http的ajax的请求操作(推荐)
Jan 10 #Javascript
JS遍历对象属性的方法示例
Jan 10 #Javascript
浅谈Angular.js中使用$watch监听模型变化
Jan 10 #Javascript
利用Query+bootstrap和js两种方式实现日期选择器
Jan 10 #Javascript
js实现背景图自适应窗口大小
Jan 10 #Javascript
You might like
PHP Document 代码注释规范
2009/04/13 PHP
PHP 防恶意刷新实现代码
2010/05/16 PHP
PHP执行Curl时报错提示CURL ERROR: Recv failure: Connection reset by peer的解决方法
2014/06/26 PHP
php采集中国代理服务器网的方法
2015/06/16 PHP
必须收藏的23个php实用代码片段
2016/02/02 PHP
PHP入门教程之上传文件实例详解
2016/09/11 PHP
Centos 6.5系统下编译安装PHP 7.0.13的方法
2016/12/19 PHP
JQuery操作三大控件(下拉,单选,复选)的方法
2013/08/06 Javascript
jQuery学习笔记之jQuery动画效果
2013/09/09 Javascript
javascript与cookie 的问题详解
2013/11/11 Javascript
jquery实现tr元素的上下移动示例代码
2013/12/20 Javascript
学习JavaScript正则表达式
2015/11/13 Javascript
JS实现alert中显示换行的方法
2015/12/17 Javascript
JavaScript-html标题滚动效果的简单实现
2016/09/08 Javascript
原生js实现放大镜
2017/02/20 Javascript
使用百度地图实现地图网格的示例
2018/02/06 Javascript
JavaScript引用类型Array实例分析
2018/07/24 Javascript
vue+vue-router转场动画的实例代码
2018/09/01 Javascript
在angularJs中进行数据遍历的2种方法
2018/10/08 Javascript
最简单的JS实现json转csv的方法
2019/01/10 Javascript
JS apply用法总结和使用场景实例分析
2020/03/14 Javascript
[40:04]Secret vs Infamous 2019国际邀请赛淘汰赛 败者组 BO3 第二场 8.23
2019/09/05 DOTA
浅谈Python爬取网页的编码处理
2016/11/04 Python
无法使用pip命令安装python第三方库的原因及解决方法
2018/06/12 Python
python 实现一个反向单位矩阵示例
2019/11/29 Python
Html5内唤醒百度、高德APP的实现示例
2019/05/20 HTML / CSS
澳大利亚领先的内衣店:Bendon Lingerie澳大利亚
2020/05/15 全球购物
宠物店的创业计划书范文
2014/01/11 职场文书
培训协议书范本
2014/04/22 职场文书
大学生党员学习焦裕禄精神思想汇报
2014/09/10 职场文书
就业协议书盖章的注意事项
2014/09/28 职场文书
2015年后备干部工作总结
2015/05/15 职场文书
领导欢送会主持词
2015/07/06 职场文书
话题作文之成长
2019/12/09 职场文书
HTML+CSS制作心跳特效的实现
2021/05/26 HTML / CSS
SpringBoot生成License的实现示例
2021/06/16 Java/Android