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 相关文章推荐
仅img元素创建后不添加到文档中会执行onload事件的解决方法
Jul 31 Javascript
jquery动态添加option示例
Dec 30 Javascript
js 针对html DOM元素操作等经验累积
Mar 11 Javascript
js数值计算时使用parseInt进行数据类型转换(jquery)
Oct 07 Javascript
JavaScript中使用document.write向页面输出内容实例
Oct 16 Javascript
JavaScript实现文字与图片拖拽效果的方法
Feb 16 Javascript
jQuery插件MovingBoxes实现左右滑动中间放大图片效果
Feb 28 Javascript
javascript实现二叉树的代码
Jun 08 Javascript
JS实现百度网盘任意文件强制下载功能
Aug 31 Javascript
微信小程序封装的HTTP请求示例【附升级版】
May 11 Javascript
微信小程序中button去除默认的边框实例代码
Aug 01 Javascript
vue中el-input绑定键盘按键(按键修饰符)
Jul 22 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
非常不错的MySQL优化的8条经验
2008/03/24 PHP
基于php判断客户端类型
2016/10/14 PHP
PHP实现防盗链的方法分析
2017/07/25 PHP
JavaScript 继承机制的实现(待续)
2010/05/18 Javascript
jquery-easyui关闭tab自动切换到前一个tab
2010/07/29 Javascript
在JavaScript中监听IME键盘输入事件
2011/05/29 Javascript
js 获取坐标 通过JS得到当前焦点(鼠标)的坐标属性
2013/01/04 Javascript
JS版的date函数(和PHP的date函数一样)
2014/05/12 Javascript
javascript动态获取登录时间和在线时长
2016/02/25 Javascript
js实现页面a向页面b传参的方法
2016/05/29 Javascript
javascript的document中的动态添加标签实现方法
2016/10/24 Javascript
discuz表情的JS提取方法分析
2017/03/22 Javascript
解决jQuery ajax动态新增节点无法触发点击事件的问题
2017/05/24 jQuery
vue通信方式EventBus的实现代码详解
2019/06/10 Javascript
layui清空,重置表单数据的实例
2019/09/12 Javascript
vue和iview实现Scroll 数据无限滚动功能
2019/10/31 Javascript
Vue 实现简易多行滚动"弹幕"效果
2020/01/02 Javascript
angular组件间通讯的实现方法示例
2020/05/07 Javascript
vue通过过滤器实现数据格式化
2020/07/20 Javascript
selenium 反爬虫之跳过淘宝滑块验证功能的实现代码
2020/08/27 Javascript
k8s node节点重新加入master集群的实现
2021/02/22 Javascript
python with statement 进行文件操作指南
2014/08/22 Python
零基础写python爬虫之使用urllib2组件抓取网页内容
2014/11/04 Python
详解Python中的多线程编程
2015/04/09 Python
Python自定义简单图轴简单实例
2018/01/08 Python
Python用5行代码写一个自定义简单二维码
2018/10/21 Python
在python中pandas读文件,有中文字符的方法
2018/12/12 Python
python实现微信定时每天和女友发送消息
2019/04/29 Python
Python可迭代对象操作示例
2019/05/07 Python
Django 过滤器汇总及自定义过滤器使用详解
2019/07/19 Python
python实现视频压缩功能
2020/12/18 Python
外贸主管求职简历的自我评价
2013/10/23 职场文书
兼职学生的自我评价
2013/11/24 职场文书
女儿十岁生日答谢词
2014/01/27 职场文书
庆元旦广播稿
2014/02/10 职场文书
大学生实习鉴定评语
2014/04/25 职场文书