天天看点

checkbox属性checked=“checked“已有,但却不显示打勾的解决办法

做checkbox树的勾选时,由于对应的根节点不在树内,当树全选时不能将树外的checkbox勾选上

于是先尝试了

打开控制台查看发现checkbox的属性值checked,但是页面上没有打勾

于是使用

if(arr[1] != 0 && arr[0] == arr[1]){
 $("#${handlersTab.key}_all").prop('checked',true);
 }else{
 $("#${handlersTab.key}_all").prop('checked',false);
 }
           

新问题出现:勾选全选后,去掉下面任意一子节点的的勾选,此时全选会变成未勾选状态,再次勾选全选会把所有子节点去去掉,且全选还是未勾选状态,全选应该变成已勾选状态

打开控制台排查,应该是取消勾选的语句没有生效

于是使用

if(arr[1] != 0 && arr[0] == arr[1]){
 $("#${handlersTab.key}_all").prop('checked',true);
 }else{
 $("#${handlersTab.key}_all").removeProp("checked");
 }
           

问题解决

继续阅读