checkbox结构:
<ol>
<input class="level0" type="checkbox" />
<li>
<input class="level1" type="checkbox" /></li>
<li>
<input class="level1" type="checkbox" /></li>
<li>
<input class="level1" type="checkbox" /></li>
<li>
<input class="level1" type="checkbox" /></li>
<li>
<input class="level1" type="checkbox" /></li>
<li>
<input class="level1" type="checkbox" /></li>
<li>
<ol>
<input class="level2" type="checkbox" />
<li>
<input class="level3" type="checkbox" /></li>
<li>
<input class="level3" type="checkbox" /></li>
<li>
<input class="level3" type="checkbox" /></li>
<li>
<input class="level3" type="checkbox" /></li>
</ol>
</li>
</ol>
js代码:
$(".level0").click(function() {
$(":checkbox").each(function() {
$(this).attr("checked", $(".level0").attr("checked"));
});
});
$(".level2").click(function() {
$("li > ol :checkbox").each(function() {
$(this).attr("checked", $(".level2").attr("checked"));
});
});
$(":checkbox").not($(":checkbox")[0]).click(function() {
var ch = $(this).attr("checked");
if (ch == false)
$(".level0").attr("checked", false);
});
$("li > ol li :checkbox").click(function() {
var ch = $(this).attr("checked");
if (ch == false)
$(".level2").attr("checked", false);
});