<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
<INPUT type="radio" name="radio1" value="222" >
222
<INPUT type="radio" name="radio1" value="333" >
333
<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 radio取值,checkbox取值,select取值,radio选中,checkbox选中,select选中,及其相关 获取一组radio被选中项的值 var item = $(‘input[@name=items][@checked]’).val(); 获取select被选中项的文本 var ...
Checkbox 属性 方法 Select 属性 方法 Option 属性 第八章 浏览器 这一章对应了浏览器及其关联的元素。 navigator 属性 方法 MimeType 属性 Plugin 属性 第九章 事件和事件句柄 这一章包含了在 JavaScript...
常用javaScript事件归纳。 常用事件: 1.onclick 鼠标单击事件 通常在下列基本对象中产生: button(按钮对象) checkbox(复选框)或(检查列表框) radio (单选钮) reset buttons(重要按钮) submit ...
主要特色: 完全响应式; 完美键盘操作支持; 可定制的输入标签:select, radio, checkbox 以及 file; 自定义的日期选择器 本地化支持 表单验证的代码示例:
ui-choose是一款基于jquery的列表选择美化插件。ui-choose可用于选项不太多的select、radio、checkbox等,提升用户体验。
Checkbox 属性 方法 Select 属性 方法 Option 属性 第八章 浏览器 这一章对应了浏览器及其关联的元素。 navigator 属性 方法 MimeType 属性 Plugin 属性 第九章 事件和事件句柄 这一章包含了在 ...
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选择列表 用于从多个选项中选择多个值或单个状态的React组件 安装 npm i --save react-selectlist 演示版 道具 import ReactSelectList from "react-selectlist" ; ...
//复选框(Checkbox)取索引返回第一个满足条件的索引值,如果失败返回0 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~以下为网页组合框(Select)~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ int GetSelectCount();//返回...
比如搜索行为,希望输入完关键词之后直接按回车键立即提交表单,而有些复杂表单,可能要避免回车键误操作在未完成表单填写的时候就触发了表单提交。... 其他表单元素如textarea、select不影响,radio checkbox不影
一、基本用法 你可以用 v-model 指令在表单 <input> 及 <textarea> 元素上创建双向数据绑定。...一组代码,看完text、textarea、radio、checkbox、select的基本用法: <input typ
HelpFill HelpFill是一款chrome浏览器(360极速浏览器)...radio、checkbox、select不符合常用的web写法可能无法正常设置,select如果存在级联可能出错 ##使用方法: 将项目中的Help.crx 拖到360极速浏览器的扩展程序
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 ...
type:'', //select radio checkbox radioBox:'', radioBox checkBox:'', checkBox showClass:'s-plugin--show', //左边显示值的样式 iconClass:'s-plugin--icon', //右边icon的样式 selctGroupClass:'s-...
但是它们之间有着微小的差别,总结如下: Readonly只针对input(text / password)和textarea有效,而disabled对于所有的表单元素都有效,包括select, radio, checkbox, button等。但是表单元素在使用了disabled后,当...
你可以划分多个校验组,每个组的校验都是互不影响。...选择的个数支持radio/checkbox/select三种控件 支持2个控件值的比较。目前可以比较字符串和数值型。 支持服务器端校验。 支持输入格式的校验。
jQuery formValidator表单验证插件示例源码 ...选择的个数支持radio/checkbox/select三种控件 支持2个控件值的比较。目前可以比较字符串和数值型。 支持服务器端校验。 支持输入格式的校验。
<input type="checkbox" name="c"/>1<input type="checkbox" name="c"/>2<input type="checkbox" name="c"/>3 <input type="file" /><br/> <input type="hidden" /><div style="display:none">test</div><br...
31.//需要设置的FORM表单中checkbox,text,textarea,radio,select项目的ID值 32.//参数为数组类型,注意使用此参数必须有 challs_flash_FormData() 函数支持 33. 34.a.CompleteClose=true; 35.//设置为true时,上传...
Checkbox elements[]; Element Hidden Password Radio Reset Select options[]; Option Submit Text Textarea images[]; Image 浏览器对象 屏幕对象 窗口对象 ...