本文介绍了一种使用JavaScript实现网页中全选所有复选框的方法。通过定义`checkAll`和`clearAll`两个函数，可以轻松地选择或取消选择指定名称的所有复选框。文中提供了一个具体的示例，展示了如何结合HTML中的复选框元素和JavaScript代码来实现这一功能。
版权声明：原创作品，允许转载，转载时请务必以超链接形式标明文章原始出版、作者信息和本声明。否则将追究法律责任。http://blog.youkuaiyun.com/mayongzhan - 马永占,myz,mayongzhan
/**
* @name checkAll
* @date Tue Oct 09 00:22:30 CST 2007
* @copyright 马永占(MyZ)
* @author 马永占(MyZ)
* @link http://blog.youkuaiyun.com/mayongzhan/
*/
function checkAll(name)
{
var el = document.getElementsByTagName('input');
var len = el.length;
for(var i=0; i<len; i++) {
if((el[i].type=="checkbox") && (el[i].name==name)) {
el[i].checked = true;
}
}
}
function clearAll(name)
{
var el = document.getElementsByTagName('input');
var len = el.length;
for(var i=0; i<len; i++) {
if((el[i].type=="checkbox") && (el[i].name==name)) {
el[i].checked = false;
}
}
}
//举例,全选checkbox
/*
<input name="del[]" type="checkbox" value="1" id="1" />checkbox1
<input name="del[]" type="checkbox" value="2" id="2" />checkbox2
<input type="checkbox" name="all" value="" οnclick="if(this.checked==true) { checkAll('del[]'); } else { clearAll('del[]'); }" /> 全选
*/
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
