论坛首页 Web前端技术论坛

checkBoxh或者multiple的全选代碼總結

浏览 2809 次
精华帖 (0) :: 良好帖 (0) :: 新手帖 (0) :: 隐藏帖 (0)
作者 正文
   发表时间:2007-08-11  
有很多人不知道在多选框或者multiple中全选怎么编写代码。最近做一個項目學習總結了一下——
<script language="javascript">
//代码说明(lulu163.com):form1为表单名,memberId为复选框,selectbutton为全选按钮
   function selectAll()
   {
for (var i=0;i<document.form1.memberId.length;i++) {
var temp=document.form1.memberId[i];
temp.checked=!temp.checked;
}
   if (document.form1.selectButton.value=="全部选择")
   {
     document.form1.selectButton.value="取消全选";
   }
   else
   {
     document.form1.selectButton.value="全部选择";
   }
}
</script>
复选框(一个例子)
<input name="memberId" type="checkbox" value="复选框值">
全选按钮:
<input type="button" name=selectButton value="全部选择" onClick="selectAll()" style="cursor:hand;">

同理,如果是multiple的話,只要把selectAll()函數中的temp.checked=!temp.checked改成temp.selected=!temp.selected就可以了
论坛首页 Web前端技术版

跳转论坛:
Global site tag (gtag.js) - Google Analytics