jquery操作复选框的总结

转载 2017年09月13日 19:28:43

jquery操作复选框(checkbox)的12个小技巧总结

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);
});

有写错的地方,欢迎指正,不胜感激!
笔者QQ群:148042812

相关文章推荐

jquery操作复选框checkbox

jQuery判断checked的三种方法:.attr('checked): //看版本1.6+返回:”checked”或”undefined” ;1.5-返回:...

Jquery 操作复选框 全选,判断是否选中等

Jquery 操作复选框 全选,判断是否选中等

jquery操作复选框全选反选选中 1.9与1.8区别

前段时间在用jQuery1.9版本中操作复选框总是出现选不中的情况,经过查询资料总结如下: 在jquery 1.8.及以下的版本,我们对于checkbox的选中与不选中操作如下:(一般用属性at...
  • lds2013
  • lds2013
  • 2014年03月12日 14:48
  • 418

JQuery之复选框checkbox基本操作

利用JQuery实现复选框的基本操作,例如全选、全部选、获取选中值、获取未选中值、获取选中长度等操作。 下面直接看例子,例子中有详细的介绍了JQuery是如何实现这些功能的。 在使用JQuery之前要...

【jQuery】对于复选框操作的attr与prop

这个是在jQuery1.6版本之后出现的鬼东西。受影响的主要有下拉列表select与复选框checkbox。众所周知,在jQuery中可以用attr()取出节点的属性,然而对于checkbox却不是这...

使用Struts2和jQuery EasyUI实现简单CRUD系统(六)——复选框进行多选删除操作

使用Struts2和jQuery EasyUI实现简单CRUD系统(三)——复选框进行多选删除操作
  • iaiti
  • iaiti
  • 2014年11月12日 20:33
  • 13949

jquery实现复选框的全选操作

最近做了个需求,需要实现列表复选框的全选/取消全选操作,由于之前对这块不是很了解,所以从网上查了一些资料,虽然有各种实现方法,但没找到直接可以套用的。自己琢磨了下,把功能实现,整理如下。 实现细节如...

JQuery对单选框,复选框,下拉菜单的操作

近段时间在学习JQuery,作为笔记,写点东西,废话不多说了,下面是jsp,js,css代码,注释里写的已经很清楚了,不需要额外的再说了   JSP  String path = req...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:jquery操作复选框的总结
举报原因:
原因补充:

(最多只允许输入30个字)