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. js图片跑马灯效果

    <style. type="text/css">body{margin:0px auto; padding:0px;}ul,li{margin:0px; padding ...

  2. 数位dp——统计'1'的个数

    今天去牛客网看了看 包含一 这道题,一开始没看清,以为它要统计 1~n 所有数中数字 '1' 出现的总次数,也就是说,若 n == 11,则 ans = 4:而按照题目的原意 ans 应该为 3.看错 ...

  3. Android 热修复Nuwa的原理及Gradle插件源码解析

    现在,热修复的具体实现方案开源的也有很多,原理也大同小异,本篇文章以Nuwa为例,深入剖析.  Nuwa的github地址 https://github.com/jasonross/Nuwa 以及用于 ...

  4. 下载Android 5.0源码(附源码)

    下载方法见我的另一篇博客:http://blog.csdn.net/maosidiaoxian/article/details/41680769 2014-12-24更新:5.0.1源码已上传. 这次 ...

  5. 转:printf打印输出2进制

    转自:C语言中printf直接打出2进制数是%什么?16进制是什么? void print_2(int val2) { unsigned ; //从低位到高位,低端字节计算机 ; k <= ; ...

  6. Winform_ComBox三种赋值方式

    第一种方法: DataTable dt = new DataTable(); dt.Columns.Add( "name" ); dt.Columns.Add( "val ...

  7. contains

    ArrayLIst类使用contains方法时要注意:放入ArrayList中的类必须要重写equals方法(既然equals重写了,那么 hash方法也应该重写,这两个方法一般同时重写):如果不重写 ...

  8. 为什么要baidu/Google问题 尽量少在群里问问题

    群里问也是可以的 但是 不能指望群里的人详细的回答 有时候的回答会很到位 但是 也可以 应该更多的去网络上搜索信息 因为 那是别人已经写好的 我们为什么不顺便去获取呢 别人花费了精力 我们要尽量运用 ...

  9. 与MySQL的零距离接触 - 慕课网

    课程链接:与MySQL的零距离接触 环境配置: windows下安装mysql Download MySQL Installer for windows 课程目录 第1章 初涉MySQL     1- ...

  10. WEB网页插件 如何实现 选择上传图片路径 【高级问题】

    发表于 2010-10-22 12:11 | |只看楼主       按键精灵程序里面的WEB网页插件 如何实现 选择上传图片路径 我想在上传图片的选框设置图片路径为 C:\fakepath\001. ...