全选复选框JavaScript编写（图文教程）

对于全选框的操作分为两种情况：

1.单击全选框，下面全部选中

2.单击下面的复选框，全部点击上，全选框被选中，否则全选框没有选中。

html样式

<tr>
     <td>爱  好</td>
     <td>
      <label for=""><input type="checkbox" name="fav" id="" value="苹果" class="btn"/>苹果</label>
     </td>
     <td>
      <label for=""><input type="checkbox" name="fav" id="" value="香蕉" class="btn"/>香蕉</label>
     </td>
     <td>
      <label for=""><input type="checkbox" name="" id="checkAll" value="全选" class="btn"/>全选</label>
     </td>
    </tr>

js样式

上面是我整理给大家的，希望今后会对大家有帮助。

相关文章：

js中DOM事件绑定使用小技巧

js解析数据技巧总结

JS原型与原型链使用详解

以上就是全选复选框JavaScript编写（图文教程）的详细内容，更多请关注Gxl网其它相关文章！