Posted on 2006-06-28 09:37
多力宇揚 閱讀(530)
評論(0) 編輯 收藏 所屬分類:
Script
checkbox全選實現
?
function CheckOthers(form)
{
??? for (var i=0;i<form.elements.length;i++)
??? {
??????? var e = form.elements[i];
//??????? if (e.name != 'chkall')
??????????? if (e.checked==false)
??????????? {
??????????????? e.checked = true;// form.chkall.checked;
??????????? }
??????????? else
??????????? {
??????????????? e.checked = false;
??????????? }
??? }
}
function CheckAll(form)
{
??? for (var i=0;i<form.elements.length;i++)
??? {
??????? var e = form.elements[i];
//??????? if (e.name != 'chkall')
??????????? e.checked = true// form.chkall.checked;
??? }
}
建立表單對象，表單名：name=form，并建立checkbox，命名：name="checked"
建立全選按鈕，代碼：
<INPUT title=選擇所有的Banner，點擊選定按鈕 onclick=CheckAll(this.form) type=button value=全選 name=chkall style="cursor:hand">
建立反選按鈕，代碼：
<INPUT title=反向選擇所有的Banner，點擊選定按鈕 onclick=CheckOthers(this.form) type=button value=反選 name=chkOthers style="cursor:hand">
?
?
完整代碼:
<%@page contentType="text/html;charset=gb2312"%>
<html>
?<head>
? <title>Dory.Doo-測試JSTL</title>
? <script language="javascript">
?? <!--
?? function CheckOthers(form)
{
??? for (var i=0;i<form.elements.length;i++)
??? {
??????? var e = form.elements[i];
//??????? if (e.name != 'chkall')
??????????? if (e.checked==false)
??????????? {
??????????????? e.checked = true;// form.chkall.checked;
??????????? }
??????????? else
??????????? {
??????????????? e.checked = false;
??????????? }
??? }
}
function CheckAll(form)
{
??? for (var i=0;i<form.elements.length;i++)
??? {
??????? var e = form.elements[i];
//??????? if (e.name != 'chkall')
??????????? e.checked = true// form.chkall.checked;
??? }
}
?? -->
? </script>
?</head>
?<body>
? <h2>體育運動種類</h2>
? <hr>
? <form action="test.jsp" method="post" name="form">
?? <input type="checkbox" name="sports" value="football"/>足球<br>
?? <input type="checkbox" name="sports" value="basketball"/>藍球<br>
?? <input type="checkbox" name="sports" value="f1"/>F1<br>
?? <input type="checkbox" name="sports" value="f3"/>賽車<br>
?? <input type="checkbox" name="sports" value="f5"/>談話<br>
?? <input type="checkbox" name="sports" value="qe"/>好<br>
?? <input type="checkbox" name="sports" value="fs"/>Helo<br>
?? <input type="checkbox" name="sports" value="a1"/>a1<br>
?? <input type="checkbox" name="sports" value="a2"/>a2<br>
?? <input type="checkbox" name="sports" value="a3"/>a3<br>
?? <input type="checkbox" name="sports" value="a4"/>a4<br>
?? <input type="checkbox" name="sports" value="a5"/>a5<br>
?? <input type="checkbox" name="sports" value="a6"/>a6<br>
?? <input type="checkbox" name="sports" value="a7"/>a7<br>
?? <br>
?? <p></p>
?? <input type="submit" name="submit" value="提交">
?? <input type="reset" name="reset" value="重置">
??
<INPUT title="選擇所有的Banner，點擊選定按鈕" onclick="CheckAll(this.form)"
?type="button" value="全選" name="chkall" style="cursor:hand">
???
<INPUT title="反向選擇所有的Banner，點擊選定按鈕" onclick="CheckOthers(this.form)"
type="button" value="反選" name="chkOthers" style="cursor:hand">
? </form>
?</body>
</html>
?