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

    });

    });

    });




  • 相关阅读:
    VirtualBox 命令行操作
    [大数据入门]实战练习 安装Cloudera-Hadoop集群
    DB2 Package Issues and Solution
    关于《阿里巴巴Java开发规约》插件的安装与使用
    Spring学习笔记:Spring概述,第一个IoC依赖注入案例
    SpringMVC:系统认识一下maven
    利用JS提交表单的几种方法和验证(必看篇)
    a标签调用js的几种方法
    使用BigDecimal进行精确运算
    Maven中settings.xml的配置项说明
  • 原文地址:https://www.cnblogs.com/xiangsj/p/5882373.html
Copyright © 2011-2022 走看看