只做checkbox的全选的话,下面的这个例子是个很好的选择:
function checkAll(e, itemName)
{
var aa = document.getElementsByName(itemName);
for (var i=0; i<aa.length; i++)
aa[i].checked = e.checked;
}
<input type=checkbox name=chkBox value=1 disabled>
<input type=checkbox name=chkBox value=1>
<input type=checkbox name=chkBox value=1>
<input type=checkbox name=chkBox value=1>
<input type=button value="测 试" onclick="checkAll(this,chekBox)">
其中e为checkbox所在的form,可以this.form。itemName便是checkbox的name。
下面是另外一个例子(好像这个更容易理解些):
checkbox全选<head></head>
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
var checkflag = "false";
function check(field) {
if (checkflag == "false") {
for (i = 0; i < field.length; i++) {
field[i].checked = true;}
checkflag = "true";
return "false"; }
else {
for (i = 0; i < field.length; i++) {
field[i].checked = false; }
checkflag = "false";
return "true"; }
}
// End -->
</script>
<body></body>
<form name="form" method="post" action="">
<input type="checkbox" name="list" value="1">
<input type="checkbox" name="list" value="2">
<input type="checkbox" name="list" value="3">
<input type=checkbox value="全选" onClick="this.value=check(this.form.list)">//这个FORM不是FORM名字
选中所有显示记录
分享到:
相关推荐
jquery实现全选和全不选,只要有一个复选框没有选中,全选框不选中;
复选框实现datagridview全选反选和全不选,datagridview换颜色(选中复选框之后)
NULL 博文链接:https://onestopweb.iteye.com/blog/2337148
高级控件(datagridview等)中加入checkbox实现全选和反选经典例子
checkBox全选——jscheckBox全选——jscheckBox全选——jscheckBox全选——jscheckBox全选——jscheckBox全选——js
JQuery代码实现了TreeView控件中CheckBox的全选和全不选功能。参考了网络资料,增加了子节点选择 判断,当所有子节点没有全部被选时,使其父节点为没被选,否则,父节点为被选。
DevExpress 实现checkbox全选效果,内有主要代码,虽不能直接运行,但是都有详细的注释说明
一天搞定jQuery(三)——使用jQuery完成复选框的全选和全不选
CheckBox复选框JS实现全选、不选、全不选功能,很简单,具体内容如下 思路: 1、获取元素 2、给全选 不选 反选添加点击事件 3、用for循环checkbox 4、把checkbox的checked设置为true即实现全选 5、把checkbox的...
本文实例为大家分享了js实现全选和全不选的具体代码,供大家参考,具体内容如下 非常简洁的几行原生js实现全选和全不选,大神们可以在此基础上加上反选功能。 <!DOCTYPE html> <html> <head> <...
js实现checkbox 全选和取消 自己亲测可以使用
winform DataGridView表头带CheckBox全选;winform DataGridView表头带CheckBox全选
HtML javascritp checkbox 全选HtML javascritp checkbox 全选
Android ListView 带CheckBox框,点击选择,反选,全选,全不选等功能,并且显示选择的数量。
JS控制checkbox全选、取消全选、删除功能的代码贴出来。 看下面两种实现方法:
Datagridview控件没有全选或取消全选的复选框,本资源用VB2015通过扩展DataGridViewColumnHeaderCell类,在列头绘制一个复选框checkbox控件,通过定义checkbox鼠标单击事件来实现行的全选或取消全选。checkbox还可以...
三种方式实现checkbox全选,反选,最简单的js技术;基于java代码,简单易懂,提供三3个demo,每一个都能实现
本文实例为大家分享了js实现全选和全不选的具体代码,供大家参考,具体内容如下 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>操作复选框</title> ...
选中全选按钮,则checkbox【name=‘tids’】全部选中,有一个name为'tids'的没有选中,则全选按钮不选中,当name为'tids'全部选中,则全选自动选中
本文实例讲述了js实现checkbox全选、不选与反选的方法。分享给大家供大家参考。具体分析如下: 一、思路: 1. 获取元素 2. 给全选 不选 反选添加点击事件 3. 用for循环checkbox 4. 把checkbox的checked设置为true即...