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");
    }

    });

    });

    });




  • 相关阅读:
    Sqlite && EF Code FIRST 终极解决方案 2019.5.17
    网卡 API 相关
    (依赖注入框架:Ninject ) 一 手写依赖注入
    Nlog 日志框架简单教程
    调试时候输出信息到输出窗口
    利用VS 性能探查器 解决代码性能不高问题
    Image 释放
    记一次数据丢失(电脑硬盘closed to down)的经历
    [极短]数字求和
    在博客园中使用pixijs
  • 原文地址:https://www.cnblogs.com/xiangsj/p/5882373.html
Copyright © 2011-2022 走看看