原创CheckBox的第三种状态原生代码

js遍历出html

for ( var key in map) {

var s1="";
var s2="";
var check = false;
//通过遍历对象属性的方法，遍历键值对，获得key，然后通过 对象[key]获得对应的值
var list = map[key];
for (var i=0; i< list.length;i++) {
debugger;
s2+='<div class=" trigger_bg_t" >'; 
s2+=' <input type="checkbox"';
if(list[i].statu==1){
s2+=' checked="checked" ';
check = true;
}
s2+='class="'+list[0].rootName+'" οnclick="selectThree(this)" name ="checkbox_stop" funcCode="'+list[i].funcCode+'" rootCode="'+list[i].rootCode+'" funcId="'+list[i].id+'"><span>'+list[i].funcName+'</span>';
s2+='</div>';
}
s1=s+'<div class="trigger_div">';
s1+='<div class="trigger_t trigger_bg_c" οnclick="slideToggle(this)" data-txt="+" style="float: left;margin-top: -22px;padding-left: 12px;"></div>';
s1+='<div class="trigger_tother">';
s1+=' <span><input type="checkbox"';
if(check) s1+=' checked="checked" ';
s1+=' οnclick="chekcAll(this)" sog="'+list[0].rootName+'"/></span><span>'+list[0].rootName+'</span>';
s1+='</div> ';
        s=s1+'<div class="trigger_main padding_lef20">'+s2;
        s+='</div></div>';

}

$("#power_list").html(s);

------------------------------------------------------------------------------------------------------------------------

function selectThree(that){//这是第三种状态的方法
    debugger;
       //如果是选中状态
   var cla = $(that).prop("class");
   if($(that).prop("checked")==true){
   $("input[sog='"+cla+"']").prop('indeterminate',true);
       }
   if($(that).prop("checked")==false&&$("input[class='"+cla+"']:checked").length==0){
   $("input[sog='"+cla+"']").prop('indeterminate',false);
   $("input[sog='"+cla+"']").prop('checked',false);
       }
   if($(that).prop("checked")==false&&$("input[class='"+cla+"']:checked").length>0){
   $("input[sog='"+cla+"']").prop('indeterminate',true);
   $("input[sog='"+cla+"']").prop('checked',false);
   }
    }