我希望在选中表格中的所有复选框时检查标题复选框,如果未选中单个复选框,则应取消选中标题复选框。
<html>
<table id="table" style="height:350px;margin-left:1em;width:700px;">
<!--this is my table header-->
<tr style="display:table-row">
<th class="checkbox"><input type="checkbox"/></th>
<th class="Name">NAME</th>
<th class="Score">SCORE</th>
<th class="Email">EMAIL</th>
<th class="Empty"></th>
</tr>
<tr>
<!--tabledata-->
<td ><input type="checkbox" /></td>
<td >Vijay Prakash</td>
<td >34</td>
<td >vijay@gmail.com</td>
<td ></td>
</tr>
<tr>
<!--tabledata-->
<td ><input type="checkbox" /></td>
<td >Sashi Pagadala</td>
<td >21</td>
<td >sashi@gmail.com</td>
<td ></td>
</tr>
</table>
<input type="button" id="btnCalculate" value="Calculate"/>
<label>Average:</label>
<label id="lblAverage"></label>
<label>Max:</label>
<label id="lblMax"></label>
</form>
</html>
答案 0 :(得分:2)
看看这是否是你要找的。 p>
$('td input:checkbox').change(function(){
$('th.checkbox :checkbox').prop('checked',$('td input:checkbox:checked').length == $('td input:checkbox').length);
});