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 相关文章推荐
国外Lightbox v2.03.3 最新版 下载
Oct 17 Javascript
基于jquery & json的省市区联动代码
Jun 26 Javascript
js单向链表的具体实现实例
Jun 21 Javascript
ajax如何实现页面局部跳转与结果返回
Aug 24 Javascript
javascript 实现文本使用省略号替代(超出固定高度的情况)
Feb 21 Javascript
浅谈Koa服务限流方法实践
Oct 23 Javascript
Angular模版驱动表单的使用总结
May 05 Javascript
JS实现的简单分页功能示例
Aug 23 Javascript
jQuery实现为动态添加的元素绑定事件实例分析
Sep 07 jQuery
JQuery获取可视区尺寸和文档尺寸及制作悬浮菜单示例
May 14 jQuery
Nuxt项目支持eslint+pritter+typescript的实现
May 20 Javascript
深入浅析React中diff算法
May 19 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去除重复字的实现代码
2011/09/16 PHP
php对二维数组按指定键值key排序示例代码
2013/11/26 PHP
PHP的fsockopen、pfsockopen函数被主机商禁用的解决办法
2014/07/08 PHP
脚本吧 - 幻宇工作室用到js,超强推荐expand.js
2006/12/23 Javascript
简单的js分页脚本
2009/05/21 Javascript
jquery 层次选择器siblings与nextAll的区别介绍
2013/08/02 Javascript
Jquery通过Ajax访问XML数据的小例子
2013/11/18 Javascript
javascript实现数字验证码的简单实例
2014/02/10 Javascript
Node.js中使用Log.io在浏览器中实时监控日志(等同tail -f命令)
2014/09/17 Javascript
jQuery实现的数值范围range2dslider选取插件特效多款代码分享
2015/08/27 Javascript
JavaScript为事件句柄绑定监听函数实例详解
2015/12/15 Javascript
JavaScript如何实现组合列表框中元素移动效果
2016/03/01 Javascript
JS实现鼠标框选效果完整实例
2016/06/20 Javascript
详解vue.js组件化开发实践
2016/12/14 Javascript
bootstrap按钮插件(Button)使用方法解析
2017/01/13 Javascript
[js高手之路]从原型链开始图解继承到组合继承的产生详解
2017/08/28 Javascript
浅谈关于JS下大批量异步任务按顺序执行解决方案一点思考
2019/01/08 Javascript
js神秘的电报密码 哈弗曼编码实现
2019/09/10 Javascript
[03:16]DOTA2完美大师赛小组赛精彩集锦
2017/11/22 DOTA
在Pycharm中执行scrapy命令的方法
2019/01/16 Python
python实现矩阵打印
2019/03/02 Python
django解决订单并发问题【推荐】
2019/07/31 Python
python requests抓取one推送文字和图片代码实例
2019/11/04 Python
使用keras框架cnn+ctc_loss识别不定长字符图片操作
2020/06/29 Python
python中slice参数过长的处理方法及实例
2020/12/15 Python
俄罗斯街头服装品牌:Black Star Wear
2017/03/01 全球购物
医学专业毕业生个人的求职信
2013/12/04 职场文书
怀孕辞职信怎么写
2015/02/28 职场文书
优秀员工自荐书
2015/03/06 职场文书
800字作文之大雪
2019/12/04 职场文书
《时代广场的蟋蟀》读后感:真挚友情,温暖世界!
2020/01/08 职场文书
解读Vue组件注册方式
2021/05/15 Vue.js
小程序wx.getUserProfile接口的具体使用
2021/06/02 Javascript
Spring中bean的生命周期之getSingleton方法
2021/06/30 Java/Android
如何使用 resize 实现图片切换预览功能
2021/08/23 HTML / CSS
SpringBoot集成Redis的思路详解
2021/10/16 Redis