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

    });

    });

    });




  • 相关阅读:
    JS this的指向
    JS 中类型鉴别
    eclipse 常用快捷键 及 windows快捷键
    服务器 设置 将 Tomcat 注册 到系统服务 及使用方法
    阿里云服务器 Windows连接不成功 提示“你的凭证不工作” 解决方法
    JavaWeb 后端 <八> 之 JDBC基礎(全)
    Mysql
    JavaEE EL & JSTL 学习笔记
    关于 Eclipse中的Web项目 部署的文件位置 查看jsp源码的部署位置
    JavaEE JSP 学习笔记
  • 原文地址:https://www.cnblogs.com/xiangsj/p/5882373.html
Copyright © 2020-2023  润新知