//注意： 操作checkbox的checked,disabled属性时jquery1.6以前版本用attr,1.6以上（包含）建议用prop

     //1、根据id获取checkbox

     $("#cbCheckbox1");

     //2、获取所有的checkbox

     $("input[type='checkbox']");//or

     $("input[name='cb']");

     //3、获取所有选中的checkbox

     $("input:checkbox:checked");//or

     $("input:[type='checkbox']:checked");//or

     $("input[type='checkbox']:checked");//or

     $("input:[name='ck']:checked");

     //4、获取checkbox值

     //用.val()即可，比如：

     $("#cbCheckbox1").val();

     //5、获取多个选中的checkbox值

     var vals = [];

     $('input:checkbox:checked').each(function (index, item) {

         vals.push($(this).val());

     });

     //6、判断checkbox是否选中（jquery 1.6以前版本 用  $(this).attr("checked")）

     $("#cbCheckbox1").click(function () {

         if ($(this).prop("checked")) {

             alert("选中");

         } else {

             alert("没有选中");

         }

     });

     //7、设置checkbox为选中状态

     $('input:checkbox').attr("checked", 'checked');//or

     $('input:checkbox').attr("checked", true);

     //8、设置checkbox为不选中状态

     $('input:checkbox').attr("checked", '');//or

     $('input:checkbox').attr("checked", false);

     //9、设置checkbox为禁用状态(jquery<1.6用attr,jquery>=1.6建议用prop)

     $("input[type='checkbox']").attr("disabled", "disabled");//or

     $("input[type='checkbox']").attr("disabled", true);//or

     $("input[type='checkbox']").prop("disabled", true);//or

     $("input[type='checkbox']").prop("disabled", "disabled");

     //10、设置checkbox为启用状态(jquery<1.6用attr,jquery>=1.6建议用prop)

     $("input[type='checkbox']").removeAttr("disabled");//or

     $("input[type='checkbox']").attr("disabled", false);//or

     $("input[type='checkbox']").prop("disabled", "");//or

     $("input[type='checkbox']").prop("disabled", false);

　　代码如下：

 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

 <html xmlns="http://www.w3.org/1999/xhtml">

 <head>

     <title></title>

 </head>

 <body>

     <h3>jQuery操作checkbox

     </h3>

     <input type="checkbox" id="cbCheckbox1" value="1" />

     <input type="checkbox" value="2" />

     <input type="checkbox" disabled="disabled" value="3" />

     <input type="checkbox" value="4" />

     <input type="checkbox" disabled="true" value="5" />

     <br />

     <input type="button" id="btnDisabled" value="禁用" onclick="fn_disabled();" />

     <input type="button" id="Button1" value="启用" onclick="fn_enable();" /><br />

     <input type="button" id="Button2" value="获取选中的值" onclick="getCheckedValues();" /><br />

     <input type="button" id="Button3" value="选中第二个" onclick="checkedSecond();" />

     <input type="button" id="Button4" value="取消选中第二个" onclick="uncheckedSecond();" /><br />

 </body>

 </html>

 <script src="js/jquery-1.9.1.min.js" type="text/javascript"></script>

 <script type="text/javascript">

     function fn_disabled() {

         //$("input[type='checkbox']").attr("disabled", "disabled");

         //$("input[type='checkbox']").attr("disabled", true);

         $("input[type='checkbox']").prop("disabled", true);

         //  $("input[type='checkbox']").prop("disabled", "disabled");

     }

     function fn_enable() {

         //  $("input[type='checkbox']").removeAttr("disabled");

         // $("input[type='checkbox']").attr("disabled", false);

         // $("input[type='checkbox']").prop("disabled","");

         $("input[type='checkbox']").prop("disabled", false);

     }

     //获取选中的 checkbox的值

     function getCheckedValues() {

         var arr = [];

         $("input[type='checkbox']:checked").each(function (index, item) {//

             arr.push($(this).val());

         });

         alert(arr);

     }

     function checkedSecond() {

         // $("input[type='checkbox']:eq(1)").prop("checked", "checked");

         $("input[type='checkbox']:eq(1)").prop("checked", true);

     }

     function uncheckedSecond() {

         //  $("input[type='checkbox']:eq(1)").prop("checked", "");

         $("input[type='checkbox']:eq(1)").prop("checked", false);

     }

     $("#cbCheckbox1").click(function () {

         if ($(this).prop("checked")) {//jquery 1.6以前版本 用  $(this).attr("checked")

             alert("选中");

         } else {

             alert("没有选中");

         }

     });

 </script>

jQuery对checkbox的各种操作的更多相关文章

  1. jQuery判断checkbox是否选中?操作checkbox（不）选中?

    HTML      <form action="">          <input type="checkbox" name="c ...

  2. 1 jquery对checkbox的简单操作

    //全选和全不选 votefunction selectAll(){ if($(":checkbox").prop('checked')){     //$(":chec ...

  3. jQuery获取checkbox选中项等操作及注意事项

    jQuery获取checkbox选中项等操作及注意事项 今天在做一个项目功能时需要显示checkbox选项来让用户进行选择,由于前端不是很熟练,所以做了一个简单的Demo,其中遇到一些小问题,特记录下 ...

  4. jQuery对checkbox选中和取消选中操作

    最近做项目发现jQuery对checkbox的全选和非全选操作只有第一次生效,以后就不生效了,不知道是不是jQuery版本库的问题,最终找到了一个解决方案: 把原来的下面这两句: $('input') ...

  5. JQuery设置checkbox选中或取消等相关操作

    $("[name='checkbox']").attr("checked",'true');//全选 $("[name='checkbox']&quo ...

  6. jquery的checkbox,radio,select等方法总结

    jquery的checkbox,radio,和select是jquery操作的一个难点和重点,很多前端新手对其了解不是很透彻.时间久了不用,我在写的时候有时也难免对某些操作支支吾吾,记不清楚,现在,对 ...

  7. 获取checkbox 的选中状态的id、checkbox的一些操作

    var id_array=new Array(); $('input[name="id"]:checked').each(function(){ id_array.push($(t ...

  8. jQuery实现checkbox即点即改，批量计数，以及中间遇到的坑

    最近要用jQuery实现一个批量删除操作,效果如下图 最终页面page.html,此页面使用了bootstrap和jQuery,如果没有需要下载一下 <!DOCTYPE html> < ...

  9. jQuery 选择器 筛选器 样式操作 文本操作 属性操作 文档处理 事件 动画效果 插件 each、data、Ajax

    jQuery jQuery介绍 1.jQuery是一个轻量级的.兼容多浏览器的JavaScript库. 2.jQuery使用户能够更方便地处理HTML Document.Events.实现动画效果.方 ...

随机推荐

  1. NAS4Free 安装配置（一）开箱图

    拆箱记录 东西不错,做工很好 包装箱 背面 正面(未装前面板) 底部 前面板打开后 打开上盖 开机正面图

  2. Swift UI

    概述 Apple近日发布了Swift编程语言,Swift是供iOS和OS X应用编程的新编程语言.相信很多开发者都在学习这门新语言.   废话不多说,下面我就来学习使用Swift创建一个简单的UI应用 ...

  3. 开发反模式 - SQL注入

    一.目标:编写SQL动态查询 SQL常常和程序代码一起使用.我们通常所说的SQL动态查询,是指将程序中的变量和基本SQL语句拼接成一个完整的查询语句. string sql = SELECT * FR ...

  4. 《Programming WPF》翻译 第6章 4.应用程序全球化

    原文:<Programming WPF>翻译 第6章 4.应用程序全球化 如果你打算发布你的应用程序到全球各地,你可能需要为不同地区的用户界面准备不同的版本.至少,这需要解决将文本翻译成适 ...

  5. NLog 2.0.0.2000 使用实例

    原文地址:http://www.cnblogs.com/sorex/archive/2013/01/31/2887174.html ---------------------------------- ...

  6. 使用Windows USB-DVD制作U盘启动安装系统盘

    第一步:到如下所示的地址下载所需要的*.iso系统镜像文件. http://msdn.itellyou.cn/ 第二步:下载Windows USB-DVD工具 https://www.microsof ...

  7. pyqt 简单判断指定的内容强度（比如帐号）

    # -*- coding: utf-8 -*- # python:2.x __author__ = 'Administrator' from PyQt4.QtGui import * from PyQ ...

  8. C++中，访问字符串的三种方法

    1.用字符数组存放一个字符串 程序1:定义一个字符数组并初始化,然后输出其中的字符串. #include<iostream> using namespace std; int main() ...

  9. ssh公私钥登录方式设置

    在Linux中ssh登录远程主机的时候能够进行公私钥的认证方式. ①环境说明:两台Linux主机,host1:192.168.5.1,host2:192.168.5.10. 如今在host1上面设置然 ...

  10. 使用Reporting Service订阅对域外用户发邮件

    默认情况下使用Reporting Service对域外邮件发送会失败,一般可能会碰到下面的两个错误: ERROR 1: Subscription Error: "The e-mail add ...