没错,我又来了
相信大家在做购物车或者其他项目时,会遇到选框样式
1、选中全选时,全部选中,取消全选,所有都不选中
2、所有的选框选中时,全选按钮也选中,只要有一个选框没选中,全选框就取消选中
这就是选框问题的两个条件
废话不多说,直接上代码
还是要提醒一句,不要忘记引入jQuery
依然有很详细的注释
css样式,大家自行设置,我这里就没有设置,绝对不是因为懒~
html 代码
<!-- 设置全选框 -->
<h1>
<span>全选</span>
<input type="checkbox" id="all" name=""/>
</h1>
<!-- 设置其他的选择框 -->
<ul>
<li>
<span>选项一</span>
<input type="checkbox" name="" value="11" class="check"