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 相关文章推荐
获取DOM对象的几种扩展及简写
Oct 09 Javascript
jquery分页对象使用示例
Apr 01 Javascript
javascript根据时间生成m位随机数最大13位
Oct 30 Javascript
jquery插件bxslider用法实例分析
Apr 16 Javascript
asp.net+jquery.form实现图片异步上传的方法(附jquery.form.js下载)
May 05 Javascript
Angular表单验证实例详解
Oct 20 Javascript
谈谈因Vue.js引发关于getter和setter的思考
Dec 02 Javascript
JS实战篇之收缩菜单表单布局
Dec 10 Javascript
JavaScript使用正则表达式获取全部分组内容的方法示例
Jan 17 Javascript
微信小程序之裁剪图片成圆形的实现代码
Oct 11 Javascript
微信小程序时间标签和时间范围的联动效果
Feb 15 Javascript
JavaScript基础之this和箭头函数详析
Sep 05 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实现的memcache环形队列类实例
2015/07/28 PHP
php源码 fsockopen获取网页内容实例详解
2016/09/24 PHP
通过PHP实现用户注册后邮箱验证激活
2020/11/10 PHP
jquery实现图片左右间隔滚动特效(可自动播放)
2013/05/08 Javascript
chrome下jq width()方法取值为0的解决方法
2014/05/26 Javascript
动态载入js提高网页打开速度的方法
2014/07/04 Javascript
jQueryUI中的datepicker使用方法详解
2016/05/25 Javascript
使用BootStrap实现用户登录界面UI
2016/08/10 Javascript
JS对HTML表格进行增删改操作
2016/08/22 Javascript
jQuery中Nicescroll滚动条插件的用法
2016/11/10 Javascript
JavaScript定时器实现的原理分析
2016/12/06 Javascript
JavaScript中使用webuploader实现上传视频功能(demo)
2017/04/10 Javascript
解决webpack打包速度慢的解决办法汇总
2017/07/06 Javascript
jQuery实现ajax回调函数带入参数的方法示例
2018/06/26 jQuery
微信小程序控制台提示warning:Now you can provide attr "wx:key" for a "wx:for" to improve performance解决方法
2019/02/21 Javascript
js实现点击烟花特效
2020/10/14 Javascript
[02:01]大师之路——DOTA2完美大师赛11月论剑上海
2017/11/06 DOTA
[08:54]DOTA2-DPC中国联赛 正赛 Aster vs LBZS 选手采访
2021/03/11 DOTA
Python中__name__的使用实例
2015/04/14 Python
python将回车作为输入内容的实例
2018/06/23 Python
使用50行Python代码从零开始实现一个AI平衡小游戏
2018/11/21 Python
Python要求O(n)复杂度求无序列表中第K的大元素实例
2020/04/02 Python
Pandas之缺失数据的实现
2021/01/06 Python
美国领先的精品家居照明和装饰产品在线零售商:LightsOnline.com
2018/01/23 全球购物
智能家居、吸尘器、滑板车、电动自行车网上购物:Geekmaxi
2021/01/18 全球购物
网络教育毕业生自我鉴定
2013/10/10 职场文书
毕业实习个人鉴定范文
2013/12/10 职场文书
幼儿教师考核制度
2014/01/25 职场文书
执行总经理岗位职责
2014/02/03 职场文书
毕业晚会主持词
2014/03/24 职场文书
励志广播稿300字(5篇)
2014/09/15 职场文书
车辆转让协议书
2014/09/24 职场文书
社区党的群众路线教育实践活动领导班子对照检查材料
2014/09/25 职场文书
2016学习全国教书育人楷模先进事迹心得体会
2016/01/21 职场文书
js判断两个数组相等的5种方法
2022/05/06 Javascript
详解Nginx的超时keeplive_timeout配置步骤
2022/05/25 Servers