Javscript实现表单复选框的全选功能

24081315xu

24081315xu

2016-02-19 22:16

图老师小编精心整理的Javscript实现表单复选框的全选功能希望大家喜欢,觉得好的亲们记得收藏起来哦!您的支持就是小编更新的动力~

  有很多人不知道在多选框中全选怎么还编写代码。其实很简单,下面就是代码以及说明,请仔细阅读。
以下是引用片段:

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/webkaifa/)

script language="javascript"
//代码说明(lulu163.com):form1为表单名,memberId为复选框,selectbutton为全选按钮
   function selectAll() 
   {
for (var i=0;idocument.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="复选框值"

  全选按钮:

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/webkaifa/)

  input type="button" name=selectButton value="全部选择" onClick="selectAll()" style="cursor:hand;"

  本文出自:天极

展开更多 50%)
分享

猜你喜欢

Javscript实现表单复选框的全选功能

Web开发
Javscript实现表单复选框的全选功能

实现复选框全选/全不选切换

Web开发
实现复选框全选/全不选切换

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

JQUERY复选框CHECKBOX全选,取消全选

Web开发
JQUERY复选框CHECKBOX全选,取消全选

多线程的全选复选框

Web开发
多线程的全选复选框

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

javascript应用:实现复选框全选/全不选切换

Web开发
javascript应用:实现复选框全选/全不选切换

复选框用法

ASP
复选框用法

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

Javascript实例教程(21-2)

Javascript实例教程(21-2)

解决Windows下删除文件没有权限的方法

解决Windows下删除文件没有权限的方法
下拉加载更多内容 ↓