zoukankan      html  css  js  c++  java
  • jQuery checkbox 所有 全选、全不选、是否选中等

    下面是网络收集:

    jquery判断checked的三种方法:
    .attr('checked):   //看版本1.6+返回:”checked”或”undefined” ;1.5-返回:true或false
    .prop('checked'): //16+:true/false
    .is(':checked'):    //所有版本:true/false//别忘记冒号哦
    jquery赋值checked的几种写法:
    所有的jquery版本都可以这样赋值:
    // $("#cb1").attr("checked","checked");
    // $("#cb1").attr("checked",true);  //注意后面没有引号
    jquery1.6+:prop的4种赋值:
    // $("#cb1″).prop("checked",true);//很简单就不说了哦
    // $("#cb1″).prop({checked:true}); //map键值对
    // $("#cb1″).prop("checked",function(){
    return true;//函数返回true或false
    });
    //记得还有这种哦:$("#cb1″).prop("checked","checked");


    下面是实例如图:

    //全选,全不选(邮件主页,中间列表)
    function mallListAllSelect(e) {

    var obj = $(".M_main_list input[type='checkbox']");

    if( $(e).parent().hasClass("M_listHaveSelect") ){
    $(e).parent().removeClass('M_listHaveSelect'); //清除选择样式
    obj.removeAttr("checked");
    $(e).removeAttr("checked");
    }else {
    if( $(e).attr("checked") == "checked" ){
    obj.attr("checked", "checked");
    }else {
    obj.removeAttr("checked");
    }
    }
    }
    //邮件列表选择时,全选按钮状态变化
    $(function(){
    $(".M_main_list input[type='checkbox']").live('click', function(){
    var obj = $(".M_main_list input[type='checkbox']");
    var objChecked = $(".M_main_list input[type='checkbox']:checked");
    var objNum = obj.length;

    if( !obj.is(":checked") ){
    $(".M_main_do .M_selectAll input").attr("checked",false).parent().removeClass("M_listHaveSelect");
    }

    objChecked.each(function(i){

    if( objNum == i + 1 ){
    $(".M_main_do .M_selectAll input").attr("checked",true).parent().removeClass("M_listHaveSelect");

    }else {
    $(".M_main_do .M_selectAll input").attr("checked",false).parent().addClass("M_listHaveSelect");
    }

    });

    });

    });




  • 相关阅读:
    SpringBoot2.x 工作流开源项目
    Nginx:终于有人把 Nginx 说清楚了,图文详解!
    MySQL8配置修改:Mysql group by this is incompatible with sql_mode=only_full_group_by
    解决错误:java.sql.SQLNonTransientConnectionException: Data source rejected establishment of connection, message from server: "Too many connections"
    工作时使用的vim配置
    工作笔记整理
    Linux mint启用内核转储
    usleep和sleep
    gdb使用
    掩码配置为255.255.255.255
  • 原文地址:https://www.cnblogs.com/xiangsj/p/5882373.html
Copyright © 2011-2022 走看看