<html>
<head>
<title></title>
<script type="text/javascript">
function checkAll(){
for (var i = 0; i < document.getElementsByName("checkItem").length; i++) {
document.getElementsByName("checkItem")[i].checked = document.getElementById("all").checked;
}
}
</script>
</head>
<body>
<form>
<table >
<tr>
<td><input type="checkbox" name="all" id="all" onclick="checkAll()"/>Select All</td>
</tr>
<tr>
<td><input type="checkbox" name="checkItem" value="value1"/></td>
</tr>
<tr>
<td><input type="checkbox" name="checkItem" value="value2"/></td>
</tr>
<tr>
<td><input type="checkbox" name="checkItem" value="value3"/></td>
</tr>
<tr>
<td><input type="checkbox" name="checkItem" value="value4"/></td>
</tr>
<table >
</form>
</body>
</html>
分享到:
相关推荐
jquery实现全选和全不选,只要有一个复选框没有选中,全选框不选中;
NULL 博文链接:https://onestopweb.iteye.com/blog/2337148
复选框实现datagridview全选反选和全不选,datagridview换颜色(选中复选框之后)
高级控件(datagridview等)中加入checkbox实现全选和反选经典例子
JQuery代码实现了TreeView控件中CheckBox的全选和全不选功能。参考了网络资料,增加了子节点选择 判断,当所有子节点没有全部被选时,使其父节点为没被选,否则,父节点为被选。
一天搞定jQuery(三)——使用jQuery完成复选框的全选和全不选
winform DataGridView表头带CheckBox全选;winform DataGridView表头带CheckBox全选
HtML javascritp checkbox 全选HtML javascritp checkbox 全选
ASP.NET Gridview checkbox全选与全不选实现代码,其实原理就是利用js来实现的,但需要简单的设置下回传。
checkBox全选——jscheckBox全选——jscheckBox全选——jscheckBox全选——jscheckBox全选——jscheckBox全选——js
Android ListView 带CheckBox框,点击选择,反选,全选,全不选等功能,并且显示选择的数量。
本文实例为大家分享了js实现全选和全不选的具体代码,供大家参考,具体内容如下 非常简洁的几行原生js实现全选和全不选,大神们可以在此基础上加上反选功能。 <!DOCTYPE html> <html> <head> <...
选中全选按钮,则checkbox【name=‘tids’】全部选中,有一个name为'tids'的没有选中,则全选按钮不选中,当name为'tids'全部选中,则全选自动选中
DevExpress 实现checkbox全选效果,内有主要代码,虽不能直接运行,但是都有详细的注释说明
Checkbox全选反选.html
CheckBox全选与否,及删除问题
Datagridview控件没有全选或取消全选的复选框,本资源用VB2015通过扩展DataGridViewColumnHeaderCell类,在列头绘制一个复选框checkbox控件,通过定义checkbox鼠标单击事件来实现行的全选或取消全选。checkbox还可以...
android checkbox全选反选
flex Datagrid checkbox全选 Datagrid
CheckBox复选框JS实现全选、不选、全不选功能,很简单,具体内容如下 思路: 1、获取元素 2、给全选 不选 反选添加点击事件 3、用for循环checkbox 4、把checkbox的checked设置为true即实现全选 5、把checkbox的...