列表管理页面中多选按钮的全选设置JavaScript函数代码

表单及全选元素

<form method="post" action="">
    <input type="checkbox" name="id" /> 记录1<br />
    <input type="checkbox" name="id" /> 记录2<br />
    <input type="checkbox" name="id" /> 记录3<br />
    <input type="checkbox" name="id" /> 记录4<br />
    <input type="checkbox" name="id" /> 记录5<br />
</form>
<hr />
<input type="checkbox" id="all" onclick="selectall('id', this);" /> 全选

javascript全选函数代码

<script type="text/javascript">
<!--
/*
说明:列表管理页面中多选按钮的全选设置JavaScript函数代码
name:需要选择的checkbox表单元素name,一般为记录编号
e:发生事件的表单元素
*/
function selectall(name,e)
{
    name = document.getElementsByName(name);
    if (name.length)
    {
        for (var i=0;i<name.length;i++) {name(i).checked=e.checked;}
    }
    else {name.checked=e.checked;}
}
//-->
</script>

 

posted @ 2012-02-11 10:12  Fmts  阅读(240)  评论(0)    收藏  举报