日期:2014-05-16  浏览次数:20453 次

jquery 复选框全选反选 实现效果

<table>
<tr>
  <td>
  全选反选<input type="checkbox" >
  </td>
  <td>
  内容
  </td>

</tr/>
<tr>
<td>
<input type="checkbox" >
</td>
<td>
1
</td>
</tr/>

<tr>
<td>
<input type="checkbox" >
</td>
<td>
2
</td>
</tr/>

<tr>
</tr/>
</table>

-------------------
求大虾们 帮忙整整 需要代码贴出! 谢谢


  选择最上面的那个复选框选中之后,所有的都选中,没选中最上面那个就全部取消选中

------解决方案--------------------
<table>
<tr>
<td>
全选反选<input type="checkbox" onclick="triggerCheck(this)" >
</td>
<td>
内容
</td>

</tr>
<tr>
<td>
<input type="checkbox" name="box">
</td>
<td>
1
</td>
</tr>

<tr>
<td>
<input type="checkbox" name="box" >
</td>
<td>
2
</td>
</tr>

<tr>
</tr>
</table>
</body>
<script type="text/javascript">
function triggerCheck(obj){
if(obj.checked==true)
{
$("input[name='box']").attr("checked","chekced");
}
else
{
$("input[name='box']").attr("checked","");
}
}
</script>

导入jquery框架 试试...