人生不过三万天，成功失败均坦然，是非恩怨莫在意，健康快乐最值钱。你的爱好就是你的方向，你的兴趣就是你的资本。
上篇文章说了一下利用 js 来获取多个被选中复选框的值的方法，那么乘热打铁这篇文章来说一说利用js来控制多个checkbox 复选框同时选中或同时取消选中的方法。
js实现checkbox复选框全选/取消的方法
html代码：
<input type="checkbox" name="text"/> <input type="checkbox" name="text" />篮球 <input type="checkbox" name="text" />排球 <input type="checkbox" name="text" />羽毛球 <input type="checkbox" name="text" />乒乓球 <input type="button" value="全选" onclick="setAll()" /> <input type="button" value="全不选" onclick="setNo()" />
js代码：
<script>
//全选
function setAll() {
var loves = document.getElementsByName("text");
for (var i = 0; i < loves.length; i++) {
loves[i].checked = true;
}
}
//全不选函数
function setNo() {
var loves = document.getElementsByName("text");
for (var i = 0; i < loves.length; i++) {
loves[i].checked = false;
}
}
</script>以上代码运行效果如下图：
Jquery实现checkbox复选框全选/取消
html代码：
<input type="checkbox" name="text"/> <input type="checkbox" name="text" />篮球 <input type="checkbox" name="text" />排球 <input type="checkbox" name="text" />羽毛球 <input type="checkbox" name="text" />乒乓球 <!--注意，下面的代码与上面示例的代码不同--> <input type="button" value="全选" id="selectAll"/> <input type="button" value="全不选" id="unSelect"/>
js代码：
<script>
//全选
$('#selectAll').click(function () {
$('input[type="checkbox"]').prop('checked', true);
});
//取消全选
$('#unSelect').click(function () {
$('input[type="checkbox"]').prop('checked', false);
});
</script> 以上就是javascript控制复选框全选或取消全选的方法。昨日的辉煌已过去，这天的辉煌要争取，明天的辉煌需发奋。更多关于javascript控制复选框全选或取消全选的方法请关注haodaima.com其它相关文章！
