一个checkbox复选框,控制当前页面其他复选框是否全选。
先看jsp代码:
<form id="myForm">
<input type="checkbox" onclick='chkall("myForm",this)'>全部
<input type="checkbox" name="checkbox">1
<input type="checkbox" name="checkbox">2
<input type="checkbox" name="checkbox">3
<input type="checkbox" name="checkbox">4
</form>
当都选了全部时下面的1234也会被选择,当去掉全部的勾选则下面的也全部跟着改变
js代码:
//全选checkbox
function chkall(input1,input2)
{
var objForm = document.forms[input1];
var objLen = objForm.length;
for (var iCount = 0; iCount < objLen; iCount++)
{
if (input2.checked == true)
{
if (objForm.elements[iCount].type == "checkbox")
{
objForm.elements[iCount].checked = true;
}
}
else
{
if (objForm.elements[iCount].type == "checkbox")
{
objForm.elements[iCount].checked = false;
}
}
}
}
分享到:
相关推荐
JS控制checkbox全选、取消全选、删除功能的代码贴出来。 看下面两种实现方法:
checkBox全选——jscheckBox全选——jscheckBox全选——jscheckBox全选——jscheckBox全选——jscheckBox全选——js
js实现checkbox 全选和取消 自己亲测可以使用
jquery、js操作checkbox全选反选.docx
javascript中CheckBox全选终极方案.docx
javascript获取checkbox选定的值,checkbox全选功能的一个例子,方便新手朋友下载使用。费了好大劲才把功能做全了。
三种方式实现checkbox全选,反选,最简单的js技术;基于java代码,简单易懂,提供三3个demo,每一个都能实现
资源名称:JS实现checkbox的全选和反选资源截图: 资源太大,传百度网盘了,链接在附件中,有需要的同学自取。
js checkbox全选 反选 取消全部设置表单html复选框
js checkbox全选 反选 取消全部设置表单html复选框勾选
js特效制作js checkbox复选框全选 反选 取消全部等设置多个表单里面的checkbox复选框勾选特效。内含js代码下载。
CheckBox复选框JS实现全选、不选、全不选功能,很简单,具体内容如下 思路: 1、获取元素 2、给全选 不选 反选添加点击事件 3、用for循环checkbox 4、把checkbox的checked设置为true即实现全选 5、把checkbox的...
JQuery 判断checkbox是否选中,checkbox全选,获取checkbox选中值
最近做了个项目其中有这样的需求要求实现点击全选选中所有菜单,再次点击全选取消选中。下面小编给大家分享实现代码,对js实现checkbox全选功能感兴趣的朋友参考下吧
js原生,checkbox全选,反选,选特定的值。jq会更简单。。初学时候比用的
今天把JS控制checkbox全选、取消全选、删除功能的代码贴出来。。
GridView 第一列CheckBox全选!postBack和JS方式
ASP.NET Gridview checkbox全选与全不选实现代码,其实原理就是利用js来实现的,但需要简单的设置下回传。
实现checkbox全选,反选,取消JavaScript小脚本的时出现点小异常,大家可以看看,以后就不要犯这个特别2的错误了
通过checkbox,用javascript实现全选与反选,通过servlet对数据库进行批量的删除