关闭

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

标签: javascriptfunctionstrutshtml
582人阅读 评论(0) 收藏 举报
分类:
/*
 * 功能:复选框全选
 * 参数: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;
 }
}
 
0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:23931次
    • 积分:411
    • 等级:
    • 排名:千里之外
    • 原创:16篇
    • 转载:2篇
    • 译文:1篇
    • 评论:5条
    最新评论