兩個選項 點擊複選框1則顯示,選擇2 點擊第2款則顯示ABCDEjQuery的輸入複選框checkall或一些
選項1個優良工程
我在哪兒上的選項2
腳麻我想它選擇ABCD和E的一個
這是jQuery的
$(document).ready(function() {
$('.child').hide();
$(".parent").click(function() {
$('#form' + $(this).attr('id')).toggle();
$(this).parents('fieldset:eq(0)').find(':checkbox').attr('checked', this.checked);
});
});
這是HTML
<fieldset>
<p>
<label for="5">1</label>
<input type="checkbox" name="1" id="5" value="360" class="parent" />$360
</p>
<p id="form5" class="child">
<label for="6">2</label>
<input type="checkbox" name="2" id="6" value="2" />$180
</p>
</fieldset>
<fieldset>
<p name="4" id="1st" class="parent">a</p>
<p id="form1st" class="child">
<label for="7">a</label>
<input type="checkbox" name="a" id="7" value="25" />$25
<br />
<label for="8">b</label>
<input type="checkbox" name="b" id="8" value="18" />$18
<br />
<label for="9">c</label>
<input type="checkbox" name="c" id="9" value="18" />$18
<br />
<label for="10">d</label>
<input type="checkbox" name="d" id="10" value="18" />$18
<br />
<label for="11">e</label>
<span id="11">
<input type="checkbox" name="?" value="18" />e1
<input type="checkbox" name="?" value="36" />e2
<input type="checkbox" name="?" value="54" />e3
<input type="checkbox" name="?" value="72" />e4
<input type="checkbox" name="?" value="90" />e5
<input type="checkbox" name="?" value="100" />e6
<input type="checkbox" name="?" value="" />other
</span>
</p>
</fieldset>
並演示
喜,不能夠了解你的問題..你需要做什麼? – Murtaza
@Murtaza第一個作品的第二個我想當我點擊「a」,它顯示並選擇父域字段中的複選框ids 7到11 – Dasa
已嘗試通過我的答案... – Murtaza