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

摘要:
1.获取单个复选框选中项(三种书写方法)$(“input:checkbox:checked”)。val()或$(“input:[type='checkbox']:checked”)。val();或$(“input:[name='ck']:checked”)。val();2.获取多个选中复选框的项目$('输入:复选框')。每个(function()){if($(th

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)的12个小技巧总结》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇【Kubernetes学习之二】Kubernetes集群安装Win7下无法启动sql server fulltext search (mssqlserver)的问题下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

基于335X平台Linux交换芯片驱动开发

基于335X平台Linux交换芯片驱动开发   一、软硬件平台资料 1、开发板:创龙AM3359核心板,网口采用RMII形式。 2、Kernel版本:4.4.12,采用FDT 3、交换芯片MARVELL的88E6321.   二、移植准备工作   1、熟悉88E6321的datasheet及Functional_Specification_Rev.0.05...

第一百八十节,jQuery-UI,知问前端--消息提示 UI

jQuery-UI,知问前端--消息提示 UI 学习要点:   1.HTML 部分   2.CSS 部分   3.jQuery 部分 通过前面已学的 jQuery UI 部件,我们来创建一个注册表单。 html <div id="reg" title="会员注册"> <p> <label fo...

阿里巴巴Java编程规范考试

阿里巴巴Java编程规范考试 今天在阿里云官网把阿里巴巴Java编程规范认证考试考过了, 写下这篇文章总结一下考试中需要注意的知识点, 主体内容还是要直接看规范: 编程规约 异常日志 单元测试 安全规约 MySQL数据库 工程结构 编程规约 类名使用UpperCamelCase风格, 但以下情形例外: DO / BO / DTO / VO /...

10条技巧优化数据库速度

  大多数网站的内容都存在数据库里,用户通过请求来访问内容。数据库非常的快,有许多技巧能让你优化数据库的速度,使你不浪费服务器的资源。在这篇文章中,我收录了十个优化数据库速度的技巧。   1、小心设计数据库   第一个技巧也许看来理所当然,但事实上大部分数据库的问题都来自于设计不好的数据库结构。   譬如我曾经遇见过将客户端信息和支付信息储存在同一个数据库...

jQuery jsonp(转载)

来源:https://www.jianshu.com/p/1efe671832e0 其他文章:https://www.cnblogs.com/chiangchou/p/jsonp.html jsonp本身是专为跨域而诞生的。早期开发者面对跨域没什么好办法,突然有人想到,既然引入js文件是不受跨域限制的,可以随意跨域引入,那么,动态引入一个带有你想要的数据...

bower简明入门教程

什么是bower:   Bower是一个客户端技术的软件包管理器,它可用于搜索、安装和卸载如JavaScript、HTML、CSS之类的网络资源。其他一些建立在Bower基础之上的开发工具,如YeoMan和Grunt,这个会在以后的文章中介绍。    准备工作:   1、安装 node 环境:node.js   2、安装 Git,bower 从远程 gi...