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. 学习笔记day6:CSS3动画属性

    总结: 1: CSS动画:@keyframes  animation:ie10+:加-webkit前缀: animation 则是属于关键帧动画的范畴; 它本身被用来替代一些纯粹表现的javascri ...

  2. JavaWeb学习总结(四)—ServletConfig和ServletContext

    一.ServletConfig 1. ServletConfig介绍: ServletConfig是Servlet中的init()方法的参数类型,服务器会在调用init()方法时传递ServletCo ...

  3. Python学习笔记5-元组

    元组是用圆括号括起来的,其中的元素之间用逗号隔开 >>> t = 123,'abc',["come","here"] >>> ...

  4. openwrt: Makefile 框架分析

    openwrt: Makefile 框架分析 原文链接:blog.chinaunix.net/uid-26675482-id-4704952.html 本篇的主要目的是想通过分析Makefile,了解 ...

  5. [css] line-height

    原文:http://www.zhangxinxu.com/wordpress/2009/11/css%E8%A1%8C%E9%AB%98line-height%E7%9A%84%E4%B8%80%E4 ...

  6. fibonacci 斐波那契数列

    1.小兔子繁殖问题  (有该问题的详细来由介绍) 2.台阶问题 题目:一个人上台阶可以一次上一个或者两个,问这个人上n层的台阶,一共有多少种走法. 递归的思路设计模型: i(台阶阶数)         ...

  7. Virtualbox虚拟机安装CentOS6.5图文详细教程(zhuan)

    http://www.2cto.com/os/201407/318477.html ************************************************* 什么是Virtu ...

  8. http协议简述

    HTTP协议 客户端连上web 服务器后,若想获得 web 服务器中的某个 web 资源,需遵守一定的通讯格式, HTTP 协议用于定义客户端与 web 服务器通迅的格式. WEB浏览器与 WEB 服 ...

  9. 快速了解AngularJs HTTP响应拦截器

    任何时候,如果我们想要为请求添加全局功能,例如身份认证.错误处理等,在请求发送给服务器之前或服务器返回时对其进行拦截,是比较好的实现手段. angularJs通过拦截器提供了一个从全局层面进行处理的途 ...

  10. No resource found that matches the given name 'Theme.AppCompat.Light'

    eclipse在新建andorid工程的时候出现找不到AppCompat.Light主题的问题,这是因为缺少支持低版本的v7包所致, 这个不是jar包,在sdk的extras->andorid- ...