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】对于复选框操作的attr与prop

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

我是如何成为一名python大咖的?

人生苦短,都说必须python,那么我分享下我是如何从小白成为Python资深开发者的吧。2014年我大学刚毕业..

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

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

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

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

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

增的功能还是一样,只不过将原本自己写的form用ejui提供form代替而已。 删改功能需要拿到具体选择行的id。 [html] view plaincop...

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

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

jquery实现复选框的全选操作

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

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

近段时间在学习JQuery,作为笔记,写点东西,废话不多说了,下面是jsp,js,css代码,注释里写的已经很清楚了,不需要额外的再说了   JSP  String path = req...
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

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