Jquery操作复选框(CheckBox)的取值赋值实现代码

时间:2022-09-07 21:51:32
1. 获取单个checkbox选中项(三种写法):
  1. $("input:checkbox:checked").val()
  2. 或者
  3. $("input:[type='checkbox']:checked").val();
  4. 或者
  5. $("input:[name='ck']:checked").val();

复制代码

2. 获取多个checkbox选中项:

  1. $('input:checkbox').each(function() {
  2. if ($(this).attr('checked') ==true) {
  3. alert($(this).val());
  4. }
  5. });

复制代码

3. 设置第一个checkbox 为选中值:

  1. $('input:checkbox:first').attr("checked",'checked');
  2. 或者
  3. $('input:checkbox').eq(0).attr("checked",'true');

复制代码

4. 设置最后一个checkbox为选中值:

  1. $('input:radio:last').attr('checked', 'checked');
  2. 或者
  3. $('input:radio:last').attr('checked', 'true');

复制代码

5. 根据索引值设置任意一个checkbox为选中值:

  1. $('input:checkbox).eq(索引值).attr('checked', 'true');索引值=0,1,2....
  2. 或者
  3. $('input:radio').slice(1,2).attr('checked', 'true');

复制代码

6. 选中多个checkbox:
同时选中第1个和第2个的checkbox:

  1. $('input:radio').slice(0,2).attr('checked','true');

复制代码

7. 根据Value值设置checkbox为选中值:

  1. $("input:checkbox[value='1']").attr('checked','true');

复制代码

8. 删除Value=1的checkbox:

  1. $("input:checkbox[value='1']").remove();

复制代码

9. 删除第几个checkbox:

  1. $("input:checkbox").eq(索引值).remove();索引值=0,1,2....
  2. 如删除第3个checkbox:
  3. $("input:checkbox").eq(2).remove();

复制代码

10.遍历checkbox:

  1. $('input:checkbox').each(function (index, domEle) {
  2. //写入代码
  3. });

复制代码

11.全部选中

  1. $('input:checkbox').each(function() {
  2. $(this).attr('checked', true);
  3. });

复制代码

12.全部取消选择:

  1. $('input:checkbox').each(function () {
  2. $(this).attr('checked',false);
  3. });

复制代码

Jquery操作复选框(CheckBox)的取值赋值实现代码的更多相关文章

  1. Jquery操作下拉框(DropDownList)的取值赋值实现代码(王欢)

    Jquery操作下拉框(DropDownList)的取值赋值实现代码(王欢) 1. 获取选中项: 获取选中项的Value值: $('select#sel option:selected').val() ...

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

    转载:https://blog.csdn.net/chenchunlin526/article/details/77448168 jQuery操作复选框checkbox技巧总结 --- 设置选中.取消 ...

  3. jquery操作复选框(checkbox)十二技巧

    jquery操作复选框(checkbox)的12个小技巧. 1.获取单个checkbox选中项(三种写法)$("input:checkbox:checked").val()或者$( ...

  4. jQuery 操作复选框(checkbox) attr checked不起作用

    参考资料 http://www.paobuke.com/develop/javascript/pbk849.html   这天用到jQuery功能,想实现一个简单的复选框动态全选或全不选,结果测试发现 ...

  5. jquery操作复选框(checkbox)的一些小技巧总结

    1.获取单个checkbox选中项(三种写法) //第一种 $("input:checkbox:checked").val() //第二种 $("input:[type= ...

  6. jQuery——操作复选框(checkbox) attr checked不起作用

    这天用到jQuery功能,想实现一个简单的复选框动态全选或全不选,结果测试发现 attr(‘checked’,'checked’);与attr(‘checked’,true); 都不好使,要么第一次成 ...

  7. Jquery操作下拉框(DropDownList)实现取值赋值

    Jquery操作下拉框(DropDownList)想必大家都有所接触吧,下面与大家分享下对DropDownList进行取值赋值的实现代码 1. 获取选中项: 获取选中项的Value值: $('sele ...

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

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

  9. jquery操作复选框(checkbox)

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

随机推荐

  1. [原创]移动应用测试技术圈QQ群:211828629

    [原创]移动应用测试技术圈QQ群:211828629  移动应用测试技术圈QQ群:211828629,研究ios,android,winphone等平台测试技术,涉及功能/性能/安全/自动化/用户体验 ...

  2. poj 3249 Test for Job (DAG最长路 记忆化搜索解决)

    Test for Job Time Limit: 5000MS   Memory Limit: 65536K Total Submissions: 8990   Accepted: 2004 Desc ...

  3. php读取操作大文件

    在php中,对于文件的读取时,最快捷的方式莫过于使用一些诸如file.file_get_contents之类的函数,简简单单的几行代码就能 很漂亮的完成我们所需要的功能.但当所操作的文件是一个比较大的 ...

  4. jQuery,使用on代替delegate,live 写法区别

    早期对页面上后期加载的动态元素,赋事件或值的时候,是使用live的.  由于效率比较低(其实数据不多也感觉不出来),后面使用delegate委托来代替了,再后面,1.7以后使用on 来代替delega ...

  5. Batch update returned unexpected row count from update [0] 异常处理

    在one-to-many时遇到此异常,本以为是配置出错.在使用s标签开启debug模式,并在struts2主配置文件中添加异常映射,再次提交表单后得到以下异常详情. org.springframewo ...

  6. Oracle中Merge的使用

    MERGE INTO products p USING product_changes pc ON (p.product_id = pc.product_id) WHEN MATCHED THEN - ...

  7. java同步ldap实例

    1.准备过程 1.1  在windows server 2008 R2操作系统下搭建AD域,不懂得看链接地址:http://99532720.blog.51cto.com/2194488/696611 ...

  8. 手机端1px细线公共类

    手机端1px细线公共类 .borderBottom1px{ position: relative; } .borderBottom1px:after{ content: ""; p ...

  9. angular之自定义管道

    1,装了angular2 的 cli之后,cmd中命令建立个管道文件 ng g p <name>; 如建一个在pipe文件中建一个add.pipe.ts文件 可以这么么写 ng g p p ...

  10. tsunami:一种基于UDP协议的快速传输

    一. 需求 最近在做数据库迁移,经常需要打包实例传输,传统scp感觉很慢. 二. 软件信息 1. 软件主页:http://tsunami-udp.sf.net/ 2. 软件安装:直接源码make &a ...