用Javscript實(shí)現(xiàn)表單復(fù)選框的全選功能
更新時(shí)間:2007年05月25日 00:00:00 作者:
一個(gè)比較常見的全選功能,前天在弄后臺(tái)的時(shí)候有看到,整理了一下。具體:
//說明:form1為表單名,mId為復(fù)選框,selectbutton為全選按鈕
<script language="javascript">
function selectAll()
{
for (var i=0;i<document.form1.mId.length;i++) {
var temp=document.form1.mId[i];
temp.checked=!temp.checked;
}
if (document.form1.selectButton.value=="全部選擇")
{
document.form1.selectButton.value="取消全選";
}
else
{
document.form1.selectButton.value="全部選擇";
}
}
</script>
復(fù)選框:<input name="mId" type="checkbox" value="復(fù)選框的值">
說明:注意復(fù)選框的name應(yīng)該與上面腳本中的document.form1.mId對應(yīng)
全選按鈕:
<input type="button" name=selectButton value="全部選擇" onClick="selectAll()">
同樣注意name=selectButton
//說明:form1為表單名,mId為復(fù)選框,selectbutton為全選按鈕
<script language="javascript">
function selectAll()
{
for (var i=0;i<document.form1.mId.length;i++) {
var temp=document.form1.mId[i];
temp.checked=!temp.checked;
}
if (document.form1.selectButton.value=="全部選擇")
{
document.form1.selectButton.value="取消全選";
}
else
{
document.form1.selectButton.value="全部選擇";
}
}
</script>
復(fù)選框:<input name="mId" type="checkbox" value="復(fù)選框的值">
說明:注意復(fù)選框的name應(yīng)該與上面腳本中的document.form1.mId對應(yīng)
全選按鈕:
<input type="button" name=selectButton value="全部選擇" onClick="selectAll()">
同樣注意name=selectButton
相關(guān)文章
Javascript select控件操作大全(新增、修改、刪除、選中、清空、判斷存在等)
這個(gè)是比較齊全的select操作代碼了,大家可以根據(jù)需要調(diào)用了2008-12-12JS 無限級(jí) Select效果實(shí)現(xiàn)代碼(json格式)
JS 無限級(jí) Select效果實(shí)現(xiàn)代碼(json格式),學(xué)習(xí)js的朋友可以參考下。2011-08-08一個(gè)快速添加標(biāo)簽的小玩意,但在FF下不能用,望高手指點(diǎn)
一個(gè)快速添加標(biāo)簽的小玩意,但在FF下不能用,望高手指點(diǎn)...2007-07-07javascript下阻止表單重復(fù)提交、防刷新、防后退
javascript下阻止表單重復(fù)提交、防刷新、防后退...2007-08-08