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

2016-02-19 22:16 13 1 收藏

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

【 tulaoshi.com - Web开发】

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

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="复选框值"

　　全选按钮:

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

　　本文出自：天极

来源:https://www.tulaoshi.com/n/20160219/1628050.html

上一篇： Javascript实例教程(21-2)
下一篇：解决Windows下删除文件没有权限的方法

看过《Javscript实现表单复选框的全选功能》的人还看了以下文章更多>>

Word2018如何插入复选框

标签： word

Word2010如何插入复选框在日常使用word过程中，常常需要制作一些信息表，有些字段需要进行选择，如性别中的男，女;在做问题调查问卷时，复选框用到的就比较多了，那在word2010中如何插入复选框呢? 步骤 1、打开需要插入复选框的word文件，打开文件中的选项界面。word2010中的开发工具默认是隐藏的，需要先打开它，因...

Word中怎么制作打勾复选框

标签：电脑入门

平时在编辑word时会需要制作打勾的复选框，也许很多朋友还不知道怎么设置，本教程就为大家介绍具体操作过程，下面就一起来看看吧。我们以Word2010版来演示word复选框打勾的整个操作过程。第一步，单击开发工具控件复选框内容控件，word会自动在当前光标位置插入一个复选框控件，如下图第三标识的。第二步，选中上图第三标识的复选框，wo...

用PHP处理多个同名复选框

标签： PHP

如果一个表单中有多个同名复选框，在提交到php时却只有一个值，而并不像asp那样是一串用逗号分割的值。有一个很简单的方法来解决：将复选框的name后面加上[]，例如：<input type=\"checkbox\" name=\"ccc\" value=\"1\" 改为：<input type=\"checkbox\" name=\"ccc[]\" ...

使用ASP与JAVASCRIPT配合实现多个复选框数据关联显示

标签： Web开发

作者：平凡点滴 HTML HEAD META NAME="AUTHOUR" Content="DANNY KANG" META NAME="CreateDate" Content="2004-10-28" META NAME="Keywords" Content="DANNY KANG,DannyKang,DK,[D.K],pizz" META http-equiv=content-type content="text/html; charset=gb2312" SCRIPT language=javascript //'+-------...

jquery.alert 弹出式复选框实现代码

标签： Web开发

//jQuery Alert Dialogs Plugin Version 1.0 //插件下载地址：http://abeautifulsite.net/notebook/87 自身的原方法为：代码如下: // Usage: // jAlert( message, [title, callback] ) // jConfirm( message, [title, callback] ) // jPrompt( message, [value, title, callback] ) 1.新加一个multicheckbox 的公共方法: // Public...

查看更多精彩>>