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());
}
});
上述方法不同版本可能无效,最新方法如下:
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个小技巧总结相关推荐
- jquery复选框组清空选中的值_jquery操作复选框(checkbox)的12个小技巧总结
1.获取单个checkbox选中项(三种写法)$("input:checkbox:checked").val() 或者 $("input:[type='checkbox' ...
- jQuery操作复选框checkbox技巧总结 ---- 设置选中、取消选中、获取被选中的值、判断是否选中等
jQuery操作复选框checkbox技巧总结 --- 设置选中.取消选中.获取被选中的值.判断是否选中等 一.checked属性定义 先了解下input标签的checked属性: 1.HTML &l ...
- js、jquery操作复选框checkbox总结(单个/多个获取选中值、初始化设置默认选中值、全选反选)
一.单个复选框 使用label标签可以点击文字就能选中复选框或者是取消选择复选框 label标签的两种使用方法: https://blog.csdn.net/qq_40015157/article ...
- JQuery实现复选框CheckBox的全选、反选、提交操作
对复选框最基本的应用,就是对复选框进行全选.反选和提交等操作.复杂的操作需要与选项挂钩,来达到各种级联反应效果. [示例]使用Jquery实现复选框CheckBox的全选.反选.提交操作. (1)创建 ...
- js,jquery获取复选框checkbox被选中的值
转载:https://blog.csdn.net/qq_35792598/article/details/76646983 <!DOCTYPE html PUBLIC "-//W3C/ ...
- jquery获取复选框checkbox被选中的值
获取复选框基本操作 html代码 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "h ...
- jquery实现复选框checkbox全选,取消全选
jsp中checkbox复选框的个数是依据从数据库中取出值的条数决定的,是Iterator循环遍历出来的. <td class="rd8"> <input typ ...
- [jQuery] 判断复选框checkbox是否选中checked
返回值是true/false method 1: $("#register").click(function(){if($("#accept").get(0). ...
- Jquery操作复选框总结
1.获取单个checkbox选中项(三种写法) $("input:checkbox:checked").val() 或者 $("input:[type='checkbox ...
最新文章
- 除非换行符在格式字符串中,否则为什么在调用后printf不会刷新?
- 编程学习初体验(4. 编程的核心)
- 贝叶斯反垃圾邮件技术
- 迪普科技高端防火墙规模应用于海关总署 提供整网安全防护
- customplot设置单个点的颜色_CAD教程,CAD大神总结CAD快捷键及一些参数设置大集合,码走...
- 581. 最短无序连续子数组 golang
- oracle中存储过程和函数有什么区别,Oracle中存储过程和函数的区别
- python模块导入视频教程_63-知识点回顾-函数和导入模块
- CentOS上使用Docker安装Redis-Cluster (redis6.x)
- coco训练集darknet_YOLOv4: Darknet 如何于 Docker 编译,及训练 COCO 子集
- Longhorn的糟糕体验!
- Python爬虫:数据提取
- 如何从JFrog Artifactory下载资源到本地
- WEB安全——文件上传
- 室内设计——住宅空间室内设计(包含预览图jpg和.psd文件)
- Ubuntu 20.04.2.0 LTS 系统安装过程详解 部署OJ参考
- proteus仿真微型计算机,微机原理与接口技术——基于8086和Proteus仿真(第3版)...
- 计算机usb无法使用,电脑USB接口都不能用的解决办法[多图]
- 计算机操作系统学习笔记----进程管理
- 禁止iphone浏览器拖动反弹(橡皮筋效果)