javascript实现多选框的全选、全不选以及反选
/*
 * 功能:复选框全选
 * 参数:checkBoxName
 *             复选框名字
 * 调用示例:
 *     页面复选框,如:
 *         struts标签 <html:multibox property="checkFlag">0</html:multibox>
 *         或html标签 <input type="checkbox" name="checkFlag" value="0">   
 *     按钮或者连接中增加onclick事件,如:
 * <input type="button" name="checkAll" value="全选" onclick="checkAll('checkFlag')">
 
*/
function checkAll(checkBoxName)
{
 
var checkBox = document.getElementsByName(checkBoxName);
 
for (var i = 0; i < checkBox.length; i++)
 {
  
var temp = checkBox[i];
  temp.checked 
= true;
 }
}


/*
 * 功能:复选框全不选
 * 参数:checkBoxName
 *             复选框名字
 
*/
function checkNone(checkBoxName)
{
 
var checkBox = document.getElementsByName(checkBoxName);
 
for (var i = 0; i < checkBox.length; i++)
 {
  
var temp = checkBox[i];
  temp.checked 
= false;
 }
}


/*
 * 功能:复选框反选
 * 参数:checkBoxName
 *             复选框名字
 
*/
function checkReverse(checkBoxName)
{
 
var checkBox = document.getElementsByName(checkBoxName);
 
for (var i = 0; i < checkBox.length; i++)
 {
  
var temp = checkBox[i];
  temp.checked 
= !temp.checked;
 }
}
 
阅读更多
个人分类: javascript
想对作者说点什么? 我来说一句

没有更多推荐了,返回首页

不良信息举报

javascript实现多选框的全选、全不选以及反选

最多只允许输入30个字

加入CSDN,享受更精准的内容推荐,与500万程序员共同成长!
关闭
关闭