给你个例子:
<checkbox name="checkbox" value="1" > 选项1</checkbox>
<checkbox name="checkbox" value="2" > 选项2</checkbox>
<br>
<br>
<checkbox name="checkbox" value="3" > 选项3</checkbox>
<br>
<br>
<checkbox name="checkbox" value="4" > 选项4</checkbox>
<br>
<br>
<checkbox name="checkbox" value="5" >选项5</checkbox>
<br>
<br>
<checkbox name="selectFlag" value="5" onclick="checkAll()">全选</checkbox>
<checkbox value="5" onclick="checkOther()">反选</checkbox>
<script language="javascript">
//全选
function checkAll()
{
var object = document.getElementsByName("checkbox");
var length = object.length;
var checked = document.getElementById("selectFlag").checked;
for (var i = 0; i < length; i++)
{
object[i].checked=checked;
}
}
//反选
function checkOther()
{
var object = document.getElementsByName("checkbox");
var length = object.length;
for (var i = 0; i < length; i++)
{
if(object[i].checked)
{
object[i].checked=false;
}
else
object[i].checked="true";
}
}
</script>
分享到:
相关推荐
spreadjs_列头添加复选框全选功能-demo
javascript 复选框全选,复选框全选,复选框全选
用Axure RP 8.0做的原型设计列子,作用是复选框做全选和非全选,已选的做反选。可以学习下反选或非反选的交互思路。
js 实现 复选框全选(二)! 值得下载看看!资源免费,大家分享!!
DataGridView 复选框列实现全选。点击列头的复选框下面的行全部选中或者全部取消。
主要介绍了vue+vant-UI框架实现购物车的复选框全选和反选功能,本文通过实例代码给大家介绍的非常详细,具有一定的参考借鉴价值,需要的朋友可以参考下
复选框全选全不选JS代码,可以通过按钮或者复选框调用。
javascript 实现复选框全选/取消功能
jquery 复选框 全选,全不选,在同一个按钮实现,格式是html
复选框全选、全不选和反选的效果实现
pyqt5 QTableWidget/QTableView表头复选框源码
实现了复选框全选的功能,不需要在外面另加按钮触发全选事件
QTableWidget表头添加复选框实现全选功能。有点投机取巧,但是功能是实现了。实现很简单。
jquery版本的复选框全选和不选,简单而且好用,我是在项目中摘要出来的小示例。
jquery 、js实现复选框 (全选、反选)功能··
axure复选框全选效果
JavaScript实现复选框全选或全取消操作 本文实例为大家分享了JavaScript实现复选框全选或全取消的具体代码,供大家参考,具体内容如下 实现思路 1、获取总选框、所有小选框元素对象 2、按钮控制小按钮- - -给总...
我学的java,在一次开发HTML前端时涉及到了数据动态遍历和全选/反全选按钮的实现,试了很多input全选框的实现,很多都只能点击两次,现在分享一下解决方案!
一个实现复选框全选的JavaScript 例子, 如何使用javaScript 使网页上的复选框被选中