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

上述方法不同版本可能无效,最新方法如下:

javascript方法:
if ($("#checkbox-id")get(0).checked) {
    // do something
}

jQuery方法:
if($('#checkbox-id').is(':checked')) {
    // do something
}

亲测有效

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

转载于:https://blog.51cto.com/maplebb/1690433

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

  1. jquery复选框组清空选中的值_jquery操作复选框(checkbox)的12个小技巧总结

    1.获取单个checkbox选中项(三种写法)$("input:checkbox:checked").val() 或者 $("input:[type='checkbox' ...

  2. jQuery操作复选框checkbox技巧总结 ---- 设置选中、取消选中、获取被选中的值、判断是否选中等

    jQuery操作复选框checkbox技巧总结 --- 设置选中.取消选中.获取被选中的值.判断是否选中等 一.checked属性定义 先了解下input标签的checked属性: 1.HTML &l ...

  3. js、jquery操作复选框checkbox总结(单个/多个获取选中值、初始化设置默认选中值、全选反选)

    一.单个复选框 使用label标签可以点击文字就能选中复选框或者是取消选择复选框 label标签的两种使用方法:   https://blog.csdn.net/qq_40015157/article ...

  4. JQuery实现复选框CheckBox的全选、反选、提交操作

    对复选框最基本的应用,就是对复选框进行全选.反选和提交等操作.复杂的操作需要与选项挂钩,来达到各种级联反应效果. [示例]使用Jquery实现复选框CheckBox的全选.反选.提交操作. (1)创建 ...

  5. js,jquery获取复选框checkbox被选中的值

    转载:https://blog.csdn.net/qq_35792598/article/details/76646983 <!DOCTYPE html PUBLIC "-//W3C/ ...

  6. jquery获取复选框checkbox被选中的值

    获取复选框基本操作 html代码 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "h ...

  7. jquery实现复选框checkbox全选,取消全选

    jsp中checkbox复选框的个数是依据从数据库中取出值的条数决定的,是Iterator循环遍历出来的. <td class="rd8"> <input typ ...

  8. [jQuery] 判断复选框checkbox是否选中checked

    返回值是true/false method 1: $("#register").click(function(){if($("#accept").get(0). ...

  9. Jquery操作复选框总结

    1.获取单个checkbox选中项(三种写法) $("input:checkbox:checked").val() 或者 $("input:[type='checkbox ...

最新文章

  1. 除非换行符在格式字符串中,否则为什么在调用后printf不会刷新?
  2. 编程学习初体验(4. 编程的核心)
  3. 贝叶斯反垃圾邮件技术
  4. 迪普科技高端防火墙规模应用于海关总署 提供整网安全防护
  5. customplot设置单个点的颜色_CAD教程,CAD大神总结CAD快捷键及一些参数设置大集合,码走...
  6. 581. 最短无序连续子数组 golang
  7. oracle中存储过程和函数有什么区别,Oracle中存储过程和函数的区别
  8. python模块导入视频教程_63-知识点回顾-函数和导入模块
  9. CentOS上使用Docker安装Redis-Cluster (redis6.x)
  10. coco训练集darknet_YOLOv4: Darknet 如何于 Docker 编译,及训练 COCO 子集
  11. Longhorn的糟糕体验!
  12. Python爬虫:数据提取
  13. 如何从JFrog Artifactory下载资源到本地
  14. WEB安全——文件上传
  15. 室内设计——住宅空间室内设计(包含预览图jpg和.psd文件)
  16. Ubuntu 20.04.2.0 LTS 系统安装过程详解 部署OJ参考
  17. proteus仿真微型计算机,微机原理与接口技术——基于8086和Proteus仿真(第3版)...
  18. 计算机usb无法使用,电脑USB接口都不能用的解决办法[多图]
  19. 计算机操作系统学习笔记----进程管理
  20. 禁止iphone浏览器拖动反弹(橡皮筋效果)

热门文章

  1. apache 和tomcat的区别
  2. 善待离职员工,让他们成为企业的财富
  3. 4个月原生weex混合开发终结()
  4. Retrofit全攻略——进阶篇
  5. npm安装bower时报错 我已解决
  6. Java 继承 执行顺序
  7. PPTPD服务端搭建
  8. 12月第1周.BIZ域名总量TOP10:仅中德澳3国持续上涨
  9. .NET开发必备网址
  10. 【CSS】【9】CSS盒子的浮动