宝湾财富

全部频道

您的当前位置：首页全选复选框JavaScript编写（图文教程）

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

来源：宝湾财富


这篇文章主要介绍了全选”复选框JavaScript编写,分别附上html和js代码以供大家更深刻了解,具体操作步骤大家可查看下文的详细讲解，感兴趣的小伙伴们可以参考一下。

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

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原型与原型链使用详解        
                
            
            
            
    
显示全文