checkbox子类反选父类的jQuery程序，分享下

参考样式：

表格：

<td>
<div class="leix">
<dl><label><input name="type1" id="id10" type="checkbox" value="">棋牌</label></dl>
<ul>
<li><label>
<input name="type2" class="class10" id="15" type="checkbox" value="15" οnclick="dis(10,15)">
象棋
</label></li>
<li><label>
<input name="type2" class="class10" id="16" type="checkbox" value="16" οnclick="dis(10,16)">
围棋
</label></li>

<li><label>
<input name="type2" class="class10" id="17" type="checkbox" value="17" οnclick="dis(10,17)">
斗地主
</label></li>
</ul>
</div>
<div class="leix">
<dl><label><input name="type1" id="id11" type="checkbox" value="">书画</label></dl>
<ul>
<li><label>
<input name="type2" class="class11" id="12" type="checkbox" value="12" οnclick="dis(11,12)">
硬笔书法
</label></li>

<li><label>
<input name="type2" class="class11" id="13" type="checkbox" value="13" οnclick="dis(11,13)">
书法
</label></li>
<li><label>
<input name="type2" class="class11" id="14" type="checkbox" value="14" οnclick="dis(11,14)">
油墨画
</label></li>
</ul>
</div>
</td>

jQuery代码：

<script>
function dis(ID,ID1){
var box = $('#' + ID1);
if(box.attr('checked') == 'checked'){
$("input[id='id"+ID+"']").attr("checked","checked");
}else{
var val=$('input[class="class'+ID+'"]:checked').val();
if(val==null){
$("input[id='id"+ID+"']").attr("checked",false);
}
}
}
</script>

转载于:https://www.cnblogs.com/SyyIt/p/5124896.html