`

用 Javascript 验证表单(form)中多选框(checkbox)的值

    博客分类:
  • JAVA
阅读更多
<form name="form1" method="post" action="">
<p>
<input name="checkbox" type="checkbox" value="汗珠子" checked>net
<input name="checkbox" type="checkbox"  value="汉字">wps
</p>
<input name="nnn" type="button" value="点此获取值" onClick="alert(getCheckboxValue(this.form.elements['checkbox']))">
<input type="button" name="Submit2" value="获取值"onclick="myclick(s30c_tbl0_xja_男_女)">
<input name="s30c_tbl0_xja_男_女" type="hidden" value="">
<p>&nbsp;  </p>
<p>&nbsp;</p>
</form>
<script type="text/javascript"> // 说明: 用 Javascript 验证表单(form)中多选框(checkbox)的值 // 作者: CodeBit.cn ( http://www.CodeBit.cn )
function myclick(obj) {
alert(obj.value);
}
function getCheckboxValue(checkbox) {
alert(checkbox.length);
if (!checkbox.length && checkbox.type.toLowerCase() == 'checkbox')
{
return (checkbox.checked)?checkbox.value+"---":'';
}
if (checkbox[0].tagName.toLowerCase() != 'input' ||checkbox[0].type.toLowerCase() != 'checkbox')
{ return '';
}
var val = [];
var len = checkbox.length;
for(i=0; i<len; i++) {
if (checkbox[i].checked)
{
val[val.length] = checkbox[i].value;
}
}
var str=(val.length)?val:'';
document.all['s30c_tbl0_xja_男_女'].value=str;
return str;
}
</script>
分享到:
评论

相关推荐

    用 Javascript 验证表单(form)中多选框(checkbox)值

    代码如下:[removed] // 说明: 用 Javascript 验证表单(form)中多选框(checkbox)的值 // 作者: CodeBit function getCheckboxValue(checkbox) { if (!checkbox.length && checkbox.type.toLowerCase() == ...

    form_checkbox:移动端表单checkbox多选框美化

    form_checkbox 移动端表单checkbox多选框美化

    【JavaScript源代码】Vue模仿ElementUI的form表单实例代码.docx

     模仿 ElementUI 的表单,分为四层结构:index 组件、Form 表单组件、FormItem 表单项组件、Input 和 CheckBox 组件,具体分工如下: index 组件:  实现:分别引入 Form 组件、FormItem 组件、Input 组件,实现...

    通用JS表单验证

    表单中任意域加上emptyInfo属性将对此域是否为空进行验证(可以和最大长度验证\一般验证方式同时使用)。 无此属性视为此域允许空值。  如:字段不能为空!"&gt; 3、最大长度验证(可以和空值验证、一般验证方式同时...

    vue-form-maker:Vue 表单生成器——动态生成表单组件

    Checkbox 多选框 Icon 图标 Switch 开关 Select 选择器 Slider 滑块 DatePicker 日期选择器 TimePicker 时间选择器 Cascader 级联选择器 InputNumber 数字输入框 Rate 评分 Upload 上传 ColorPicker 颜色选择器 使用...

    漂亮复选框:向Form.io表单添加漂亮复选框插件

    Form.io漂亮复选框这是一个Form.io渲染器模块,可将样式添加到所有渲染的复选框中。安装要安装此模块,只需键入以下内容。 npm install --save @formio/pretty-checkbox添加到渲染器。 要为您的应用程序中所有呈现的...

    javascript检查表单数据是否改变的方法

    有的时候,需要检查用户是否修改了一个表单中的内容,则可以使用下面的技巧,其中如果修改了表单的内容则返回true,没修改表单的内容则返回false。代码如下: 代码如下: function formIsDirty(form) { for (var i = ...

    javaScript常用事件

    主要用于表单中的复选框 Date对象常用方法: Var a=new Date(); //创建a为一个新的时期对象 y=a.getYear(); //y的值为从对象a中获取年份值 两位数年份 y1=a.getFullYear(); //获取全年份数 四位数年份 m=a....

    Javascript操作表单实例讲解(下)

    在上篇文章给大家介绍了js操作表单实例讲解(下)的相关知识,本文接着给大家介绍Javascript操作表单实例讲解(下),具体详情如下所示: 一、文本域 &lt;input type=text /&gt; —————————– 操作文本域的值...

    lodash-form-collector:由lodash支持的表单收集器,支持任何前端框架

    lodash-form-collector安装npm i -S lodash-form-collector进口import lfc from 'lodash-form-collector'const lfc = require ( 'lodash-form-collector' )用法const form = document . getElementById ( 'form' )...

    JavaScript语言参考手册

    这一章对应于使用表单,表单是出现在文档中用于从用户获得输入的。 Form 属性 方法 Hidden 属性 Text 属性 方法 Textarea 属性 方法 Password 属性 方法 FileUpload 属性 方法 Button 属性 方法 Submit 属性 方法 ...

    JavaScript中文参考手册

    这一章对应于使用表单,表单是出现在文档中用于从用户获得输入的。 Form 属性 方法 Hidden 属性 Text 属性 方法 Textarea 属性 方法 Password 属性 方法 FileUpload 属性 方法 Button 属性 方法 ...

    JavaScript操作表单_动力节点Java学院整理

    用JavaScript操作表单和操作DOM是类似的,因为表单本身也是DOM树。 不过表单的输入框、下拉框等可以接收用户输入,所以用JavaScript来操作表单,可以获得用户输入的内容,或者对一个输入框设置新的内容。 HTML表单的...

    zarm-form:React手机表格验证

    zarm-form是具有验证效果的表单组件,取决于和 基本用法 安装 npm i zarm-form --save 例子 import React from 'react' import ReactDOM from 'react-dom' import { Input, Button, Checkbox, Select, Date...

    JavaScript判断用户是否对表单进行了修改的方法

    本文实例讲述了JavaScript判断用户是否对表单进行了修改的方法。分享给大家供大家参考。具体分析如下: 这段JS代码可以判断出用户是否对表单内容进行了修改,如果修改了表单,并退出浏览器,则会提醒用户是否要保存...

    ExtJSWeb应用程序开发指南(第2版)

    4.1.7 Ext.form.field.Checkbox复选框和Ext.form.field.Radio单选框 4.1.8 Ext.form.CheckboxGroup和Ext.form.RadioGroup 4.1.9 Ext.form.field.Trigger触发字段 4.1.10 Ext.form.field.Spinner微调字段 4.1.11 ...

    gas-formapp-parser:使用Google Apps脚本将Google表单数据(问题和选项)解析为JSON文件

    使用Google Apps脚本将Google表单数据(问题和选项)解析为JSON文件 怎么跑 创建您自己的Google表单。 从URL获取它的ID。 打开Parser.gs,将formId变量更改为您的Form ID。 指定输出目录(一级)和json文件名。 ...

    CFUpdate批量上传组件for ASP.NET v1.1.8

    出发事件,根据返回值来确定是否清空列表 修改challs_flash_FormData(a) JAVASCRIPT函数,解决了获取表单多个NAME项相同的checkbox的值的问题 在列表中增加了滚动条显示,以方面用户确定条目位置 修正了在上传数量多...

Global site tag (gtag.js) - Google Analytics