zoukankan      html  css  js  c++  java
  • jQuery对checkbox的操作小记

    如:checkbox

    <input type="checkbox"  id="allcheck" name="key">    控制全选和反选的

    下面就是n多个value不同的checkbox。

    <input type="checkbox" value="1" name="key"> 

    操作部分代码如下:

    1、全选和反选

     1 //全选操作
     2  $("#allcheck").live("click", function(){
     3    if($("#allcheck").attr("checked"))  //全选
     4    {
     5      $('[name=key]:checkbox').attr('checked',true);
     6      $("#check").attr('checked',true);
     7    }
     8    else                //反选
     9    { $("#check").attr('checked',false);
    10      $('[name=key]:checkbox').attr('checked',false);
    11    }
    12  });

    2、多选

    1    var sid="";
    2    $("[name=key]:checkbox[checked]").each(function(){ //由于复选框一般选中的是多个,所以可以循环输出
    3      sid+=$(this).val()+",";      //取出值
    4     });

    3、取多选中的第一个选中的值

    1 $("[name=key]:checkbox[checked]").val();   
  • 相关阅读:
    元组的魔法
    列表的魔法
    基础知识
    Pycharm常用快捷键
    django-debug-toolbar
    char 与 varchar 的区别
    Python试题(web篇)
    博客园样式
    网络编程部分试题
    python复习基础题目
  • 原文地址:https://www.cnblogs.com/zzming/p/2459664.html
Copyright © 2011-2022 走看看