`

javascript 获取 radio、checkbox及select的值

    博客分类:
  • JAVA
阅读更多



<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<SCRIPT language="javascript">
function selectradio()
{
var rrr = document.getElementsByName("radio1");
var flag = true;
for(var i=0;i<rrr.length;i++)
{
if(rrr[i].checked)
{
alert(rrr[i].value);
flag = false;
}
}
if(flag){
alert("not checked");
}
}
function selectcheck()
{
alert(form.checkbox1.checked);
var ccc = document.getElementsByName("checkbox1");
var str='';
for(var i=0;i<ccc.length;i++)
{
if(ccc[i].checked)
{
str+=ccc[i].value+",";
}
}
alert(str);
}
function selectselect()
{
var sss = document.getElementById("select1");
alert(sss.options[sss.selectedIndex].text+" : "+sss.options[sss.selectedIndex].value);
}
</SCRIPT>
</HEAD>

<BODY>
<DIV align="center">
<FORM name="form">
<p>
<INPUT type="radio" name="radio1" value="111" >
111&nbsp;
<INPUT type="radio" name="radio1" value="222" >
222&nbsp;&nbsp;
<INPUT type="radio" name="radio1" value="333" >
333&nbsp;
<INPUT type="radio" name="radio1" value="444" >
444
<input type="button" name="Submit2" value="按钮" onClick="selectradio();">
</p>
<p>
<input type="checkbox" name="checkbox1" value="111">
<input type="checkbox" name="checkbox1" value="222">
<input type="button" name="Submit" value="按钮" onClick="selectcheck();">
</p>
<p>
<select name="select" id="select1">
<option value="111">第一项</option>
<option value="222">第二项</option>
<option value="333">第三项</option>
<option value="444">第四项</option>
</select>
<input type="button" name="Submit3" value="按钮" onClick="selectselect();">
</p>

<input type="text" name="aaaaaa" value="value"/>

</FORM>
</DIV>
</BODY>
</HTML>
分享到:
评论

相关推荐

    Jquery 获取表单text,areatext,radio,checkbox,select值的代码

    jquery radio取值,checkbox取值,select取值,radio选中,checkbox选中,select选中,及其相关 获取一组radio被选中项的值 var item = $(‘input[@name=items][@checked]’).val(); 获取select被选中项的文本 var ...

    JavaScript语言参考手册

    Checkbox 属性 方法 Select 属性 方法 Option 属性 第八章 浏览器 这一章对应了浏览器及其关联的元素。 navigator 属性 方法 MimeType 属性 Plugin 属性 第九章 事件和事件句柄 这一章包含了在 JavaScript...

    javaScript常用事件

    常用javaScript事件归纳。 常用事件: 1.onclick 鼠标单击事件 通常在下列基本对象中产生: button(按钮对象) checkbox(复选框)或(检查列表框) radio (单选钮) reset buttons(重要按钮) submit ...

    javascript表单美化和验证插件

    主要特色: 完全响应式; 完美键盘操作支持; 可定制的输入标签:select, radio, checkbox 以及 file; 自定义的日期选择器 本地化支持 表单验证的代码示例:

    uichoose是一款基于jquery的列表选择美化插件

    ui-choose是一款基于jquery的列表选择美化插件。ui-choose可用于选项不太多的select、radio、checkbox等,提升用户体验。

    JavaScript中文参考手册

    Checkbox 属性 方法 Select 属性 方法 Option 属性 第八章 浏览器 这一章对应了浏览器及其关联的元素。 navigator 属性 方法 MimeType 属性 Plugin 属性 第九章 事件和事件句柄 这一章包含了在 ...

    JavaScript权威指南

    JavaScript权威指南 犀牛书 Chapter 1. Introduction to JavaScript Section 1.1. JavaScript Myths Section 1.2. Versions of JavaScript Section 1.3. Client-Side JavaScript Section 1.4. JavaScript ...

    react-selectlist:用于从多个选项中选择多个值或单个状态的React组件

    React选择列表 用于从多个选项中选择多个值或单个状态的React组件 安装 npm i --save react-selectlist 演示版 道具 import ReactSelectList from "react-selectlist" ; ...

    天涯易栈VC++网页操作类

    //复选框(Checkbox)取索引返回第一个满足条件的索引值,如果失败返回0 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~以下为网页组合框(Select)~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ int GetSelectCount();//返回...

    javascript 回车键触发表单提交的问题

    比如搜索行为,希望输入完关键词之后直接按回车键立即提交表单,而有些复杂表单,可能要避免回车键误操作在未完成表单填写的时候就触发了表单提交。... 其他表单元素如textarea、select不影响,radio checkbox不影

    详解vue表单——小白速看

    一、基本用法 你可以用 v-model 指令在表单 &lt;input&gt; 及 &lt;textarea&gt; 元素上创建双向数据绑定。...一组代码,看完text、textarea、radio、checkbox、select的基本用法: &lt;input typ

    HelpFill:Chrome(360极速浏览器)辅助表单填充工具,适用于多次对相同的表单进行随机填充,来测试程序的正确性

    HelpFill HelpFill是一款chrome浏览器(360极速浏览器)...radio、checkbox、select不符合常用的web写法可能无法正常设置,select如果存在级联可能出错 ##使用方法: 将项目中的Help.crx 拖到360极速浏览器的扩展程序

    struts1标签库

    html:select 12 html:checkbox 14 html:radio 15 html:multibox 15 html:link 16 html:errors 18 html:javascript 20 html:xhtml 21 logic:iterate 21 logic:present 23 logic:messagesPresent 23 logic:empty 24 ...

    select_Plugin:下拉选择插件(ing)

    type:'', //select radio checkbox radioBox:'', radioBox checkBox:'', checkBox showClass:'s-plugin--show', //左边显示值的样式 iconClass:'s-plugin--icon', //右边icon的样式 selctGroupClass:'s-...

    javascript中input中readonly和disabled区别介绍

    但是它们之间有着微小的差别,总结如下: Readonly只针对input(text / password)和textarea有效,而disabled对于所有的表单元素都有效,包括select, radio, checkbox, button等。但是表单元素在使用了disabled后,当...

    jQuery 表单验证插件

    你可以划分多个校验组,每个组的校验都是互不影响。...选择的个数支持radio/checkbox/select三种控件 支持2个控件值的比较。目前可以比较字符串和数值型。 支持服务器端校验。 支持输入格式的校验。

    jQuery formValidator表单验证插件示例源码

    jQuery formValidator表单验证插件示例源码 ...选择的个数支持radio/checkbox/select三种控件 支持2个控件值的比较。目前可以比较字符串和数值型。 支持服务器端校验。 支持输入格式的校验。

    JQuery选择器

    &lt;input type="checkbox" name="c"/&gt;1&lt;input type="checkbox" name="c"/&gt;2&lt;input type="checkbox" name="c"/&gt;3 &lt;input type="file" /&gt;&lt;br/&gt; &lt;input type="hidden" /&gt;&lt;div style="display:none"&gt;test&lt;/div&gt;&lt;br...

    flash批量上传 php

    31.//需要设置的FORM表单中checkbox,text,textarea,radio,select项目的ID值 32.//参数为数组类型,注意使用此参数必须有 challs_flash_FormData() 函数支持 33. 34.a.CompleteClose=true; 35.//设置为true时,上传...

    js对象层次• navigator •screen•window

     Checkbox  elements[]; Element  Hidden  Password  Radio  Reset  Select  options[]; Option  Submit  Text  Textarea  images[]; Image 浏览器对象 屏幕对象 窗口对象  ...

Global site tag (gtag.js) - Google Analytics