1.   // 一,判断选中
      // js
  2. var ischecked2 = function(){
  3. // this.checked == true
  4. $(document.getElementsByTagName("input")).each(function(i){
  5. if(this.checked == true){
  6. console.log(this.getAttribute('name'));
  7. }
  8. })
  9. }
  10.  
  11. // jquery
  12. var ischecked1 = function(){
  13. // 方法1,$(this).is(':checked')
  14. $("input[type='checkbox']").each(function(i){
  15. if($(this).is(':checked') == true){
  16. console.log($(this).attr("name"));
  17. }
  18. });
  19. // 方法2.$(this).get(0).checked
  20. $("input[type='checkbox']").each(function(i){
  21. if($(this).get(0).checked == true){
  22. console.log($(this).attr("name"));
  23. }
  24. });
  25. // 方法3.$(this).prop('checked')
  26. $("input[type='checkbox']").each(function(i){
  27. if($(this).prop('checked')){
  28. console.log($(this).attr("name"));
  29. }
  30. });
  31.  
  32. }
  33.  
  34. // 二,全选
  35. // jquery
  36. var selectAll1 = function(){
  37. // $("[type='checkbox']").prop("checked",true); // 方法1
  38. $("[type='checkbox']").prop("checked","checked"); // 方法2
  39. }
  40. // js
  41. var selectAll2 = function(){
  42. $(document.getElementsByTagName("input")).each(function(i){
  43. this.checked = true;
  44. })
  45. }
  46.  
  47. // 三,取消全选
  48. // jquery
  49. var selectNone1 = function(){
  50. // $("[type='checkbox']").prop("checked",false); // 方法1
  51. $("[type='checkbox']").prop("checked",""); // 方法2
  52. }
  53. // js
  54. var selectNone2 = function(){
  55. $(document.getElementsByTagName("input")).each(function(i){
  56. this.checked = false;
  57. })
  58. }
  59.  
  60. // 四,反选
  61. // jquery
  62. var inverse1 = function(){
  63. $("[type='checkbox']").each(function () {
  64. $(this).prop("checked", !$(this).prop("checked"));
  65. });
  66. }
  67. // js
  68. var inverse2 = function(){
  69. $(document.getElementsByTagName("input")).each(function(i){
  70. this.checked = !this.checked;
  71. })
  72. }
  73.  
  74. // 五,jquery 选中所有奇数 (index从0开始)
  75. var odd1 = function(){
  76. selectNone1();
  77. $("[type='checkbox']:odd").prop("checked",'true');
  78. }
  79.  
  80. // 六,jquery 选中所有偶数 (index从0开始)
  81. var even1 = function(){
  82. selectNone1();
  83. $("[type='checkbox']:even").prop("checked",'true');
  84. }

备注:在jQuery 1.6中,.attr()方法查询那些没有设置的属性,则会返回一个undefined。如果你要去恢复或者改变DOM状态值,类似checked,selected,disabled等表单元素的状态,最好使用.prop()方法。

js jqery判断checkbox是否选中,全选,取消全选,反选,选择奇数偶数项的更多相关文章

  1. ----------jqery和js如何判断checkbox是否选中 --------两个单选按钮如何选一个,且用jquery获取被选的值

    jqery和js如何判断checkbox是否选中 jquery: <div id="divId" class="divTable"> <div ...

  2. jq、js中判断checkbox是否选中

    最近在开发项目时用到checkbox复选框,其中遇到一个问题:在JQ中如何判断checkbox是否被选中呢?之前用JQ获取元素的属性用的都是attr(),但用在checkbox上却没有用,原因何在?? ...

  3. jQuery和js如何判断checkbox是否选中

    jquery: <div id="divId" class="divTable"><div class="tableBody&quo ...

  4. jqery和js如何判断checkbox是否选中

    jquery: <div id="divId" class="divTable"> <div class="tableBody&qu ...

  5. JQuery 判断checkbox是否选中,checkbox全选,获取checkbox选中值

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

  6. C#中??和?分别是什么意思? 在ASP.NET开发中一些单词的标准缩写 C#SESSION丢失问题的解决办法 在C#中INTERFACE与ABSTRACT CLASS的区别 SQL命令语句小技巧 JQUERY判断CHECKBOX是否选中三种方法 JS中!=、==、!==、===的用法和区别 在对象比较中,对象相等和对象一致分别指的是什么?

    C#中??和?分别是什么意思? 在C#中??和?分别是什么意思? 1. 可空类型修饰符(?):引用类型可以使用空引用表示一个不存在的值,而值类型通常不能表示为空.例如:string str=null; ...

  7. 判断 checkbox 是否选中以及 设置checkbox选中

    //判断checkbox 是否选中 $("#id").is(":checked");//选中,返回true,没选中,返回false //设置checkbox为选 ...

  8. html checkbox 实现全选/取消全选

    html checkbox  实现全选/取消全选 <html> <body> <table border="1"> <tr> < ...

  9. checkbox全选/取消全选

    //checkbox全选/取消全选 $(function() { $("#checkAll").click(function() { if(this.checked){ $(&qu ...

随机推荐

  1. select 通过表单提交获取select中的值

    <select class="txt" name="choice">       <option value="name" ...

  2. VLAN及Trunk实验

    VLAN及Trunk实验 一 基本VLAN试验 实验拓扑: 实验目的:掌握VLAN基本配置 掌握静态接口VLAN划分 实验需求:在交换机switch上面创建两个VLAN,vlan2和vlan3,vla ...

  3. sql视图

    什么是视图 大家都知道,我们国家现在“神七”上天了.从美国的月球登月开始,人类上天不再是神话.听说,在美国,你只要出几十万美元,您就可以上一次月球进行太空旅行,所以,我们相信:在不久的将来,上天旅行将 ...

  4. gen_grant_exec.sql

    set echo off feedback off verify off pagesize 0 linesize 120 define v_grantee                 = & ...

  5. view类的XML属性

    属性名称 对应方法 描述 android:background setBackgroundResource(int) 设置背景 android:clickable setClickable(boole ...

  6. HDU 1789 Doing Homework again(贪心)

    在我上一篇说到的,就是这个,贪心的做法,对比一下就能发现,另一个的扣分会累加而且最后一定是把所有的作业都做了,而这个扣分是一次性的,所以应该是舍弃扣分小的,所以结构体排序后,往前选择一个损失最小的方案 ...

  7. C++ Builder多线程编程技术经验谈(转)

    源:C++ Builder多线程编程技术经验谈 线程之可行性   在很多情况下,可能需要为程序创建线程.这里给出其中一些可能性: (1)如果创建的是一个多文档接口(Multiple Document ...

  8. stm32 IAP + APP ==>双剑合一(转)

    源:http://blog.csdn.net/yx_l128125/article/details/13591743 (扩展-IAP主要用于产品出厂后应用程序的更新作用,上一篇博文详细的对IAP 升级 ...

  9. 对STM32的NVIC_PriorityGroupConfig使用及优先级分组方式理解(转)

    源:http://blog.chinaunix.net/uid-22670933-id-3443085.html STM32有43个channel的settable的中断源:AIRC(Applicat ...

  10. ural1523 K-inversions

    K-inversions Time limit: 1.0 secondMemory limit: 64 MB Consider a permutation a1, a2, …, an (all ai  ...