`
shirlly
  • 浏览: 1623497 次
  • 性别: Icon_minigender_2
  • 来自: 福州
社区版块
存档分类
最新评论

js读取radio值

阅读更多
<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>读取 Radio 的值</title>
</head>

<body>

<div>
<a href="http://www.cftea.com/" target="_blank">千一网络 www.cftea.com 专业探讨【ASP、JavaScript、XHTML+CSS、SQL Server】</a>
<hr>
</div>

<form id="form1" action="" method="">
    <div><input type="radio" name="r" id="r1" value="一"><label for="r1">选项一</label></div>
    <div><input type="radio" name="r" id="r2" value="二"><label for="r2">选项二</label></div>
    <div><input type="radio" name="r" id="r3" value="三"><label for="r3">选项三</label></div>
    <div><input type="button" value="检查选择项" onclick="javascript:Foo();"></div>
</form>

<script type="text/javascript" language="javascript">
<!--
function Foo()
{
    var selectedIndex = -1;
    var form1 = document.getElementById("form1");
    var i = 0;
   
    for (i=0; i<form1.r.length; i++)
    {
        if (form1.r[i].checked)
        {
            selectedIndex = i;
            alert("您选择项的 value 是:" + form1.r[i].value);
            break;
        }
    }
   
    if (selectedIndex < 0)
    {
        alert("您没有选择任何项");
    }
}
-->
</script>

</body>

</html>
分享到:
评论

相关推荐

    javascript radio值获取代码

    javascript 获取 radio 选中值 1 2 3 4 5 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行] js选中radio document.consumerform.consumer_sex[0].checked=true; 下面是网上的一些补充资料,本人感觉还不错,...

    old-time-radio:一个互联网广播电台,播放广播黄金时代的经典节目

    该站点的服务器端组件是用Node.js编写的。 站点启动时,它将读取,其中包含该站点将广播的各种广播节目的列表。 然后,该站点使用来获取可用于每个节目的单个剧集的列表,以及每个节目的mp3文件网址。 配置文件还...

    jQuery去掉字符串起始和结尾的空格(多种方法实现)

    jquery 循环读取checkbox值 复制代码 代码如下: 代码如下: $(“input[type=checkbox][checked]”).each(function(){ //由于复选框一般选中的是多个,所以可以循环输出 alert&#40;$(this&#41;.val()); }); $(“#A”)....

    selenium2.0_中文帮助文档

    3.2.3 单选项(Radio Button) 6 3.2.4 多选项(checkbox) 7 3.2.5 按钮(button) 7 3.2.6 左右选择框 7 3.2.7 弹出对话框(Popup dialogs) 7 3.2.8 表单(Form) 8 3.2.9 上传文件 (Upload File) 8 3.2.10 Windows 和 ...

    jquery-1.1.3 效率提高800%

    "script": 将响应作为Javascript语句求值,并返回纯文本。不缓存此脚本,除非设置了cache选项。设置为"script"类型会将post方法转换为get方法。 "json": 将响应作为JSON求值,并返回一个Javascript对象。 ...

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

    //单选框(radio)取索引返回第一个满足条件的索引值,如果失败返回0 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~以下为网页复选框(checkbox)~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ BOOL GetCheckboxChecked(int i)...

    clickbalance-abc:带有 Backbone.Marionette、Express 和 MongoDB 的示例项目

    该项目专注于单个客户端资源,它允许我们通过 Backbone.Marionette 用户界面创建、读取、更新和删除资源。 这是项目的示例实现。 里面有什么 电池包括: 吞咽 网络包 通天塔装载机 引导程序 jQuery 骨干 木偶 ...

    java web 视频、电子书、源码(李兴华老师出版)

    16.4.3、&lt;html:radio&gt;标签 16.4.5、标签 16.4.6、标签 16.4.7、按钮标签 16.4.8、实例:编写基本表单 16.4.9、复选框标签 16.4.10、下拉列表框 16.5、本章摘要 16.6、开发实战讲解(JSP + Oracle) ...

    李兴华 Java Web 开发实战经典_带源码_高清pdf 带书签 上

    html:radio&gt;标签 16.4.5、&lt;html:textarea&gt;标签 16.4.6、&lt;html:hidden&gt;标签 16.4.7、按钮标签 16.4.8、实例:编写基本表单 16.4.9、复选框标签 16.4.10、下拉列表框 16.5、本章摘要 16.6、...

    MLDN+李兴华+Java+Web开发实战经典.part3.rar )

    16.4.3、&lt;html:radio&gt;标签 16.4.5、标签 16.4.6、标签 16.4.7、按钮标签 16.4.8、实例:编写基本表单 16.4.9、复选框标签 16.4.10、下拉列表框 16.5、本章摘要 16.6、开发实战讲解(JSP + Oracle) ...

    李兴华 java_web开发实战经典 源码 完整版收集共享

    html:radio&gt;标签 16.4.5、&lt;html:textarea&gt;标签 16.4.6、&lt;html:hidden&gt;标签 16.4.7、按钮标签 16.4.8、实例:编写基本表单 16.4.9、复选框标签 16.4.10、下拉列表框 16.5、本章摘要 16.6、...

    李兴华 Java Web 开发实战经典_带源码_高清pdf 带书签 下

    html:radio&gt;标签 16.4.5、&lt;html:textarea&gt;标签 16.4.6、&lt;html:hidden&gt;标签 16.4.7、按钮标签 16.4.8、实例:编写基本表单 16.4.9、复选框标签 16.4.10、下拉列表框 16.5、本章摘要 16.6、...

    李兴华Java Web开发实战经典.pdf (高清版) Part1

    html:radio&gt;标签 16.4.5、&lt;html:textarea&gt;标签 16.4.6、&lt;html:hidden&gt;标签 16.4.7、按钮标签 16.4.8、实例:编写基本表单 16.4.9、复选框标签 16.4.10、下拉列表框 16.5、本章摘要 ...

    李兴华 Java Web 开发实战经典 高清扫描版Part3

    html:radio&gt;标签 16.4.5、&lt;html:textarea&gt;标签 16.4.6、&lt;html:hidden&gt;标签 16.4.7、按钮标签 16.4.8、实例:编写基本表单 16.4.9、复选框标签 16.4.10、下拉列表框 16.5、本章摘要 16.6、...

    flex3的cookbook书籍完整版dpf(包含目录)

    如何去验证多个Combo Box及Radio Button组件 15.6节. 如何在一个表单内通过ToolTips来返映一个错误 15.7节. 如何使用正则表达式去定位电邮地址 15.8节. 如何使用正则表达式去验证信用卡号码 15.9节. 如何使用正则...

    李兴华Java Web开发实战经典(高清版) Part2

    html:radio&gt;标签 16.4.5、&lt;html:textarea&gt;标签 16.4.6、&lt;html:hidden&gt;标签 16.4.7、按钮标签 16.4.8、实例:编写基本表单 16.4.9、复选框标签 16.4.10、下拉列表框 16.5、本章摘要 ...

    ioBroker.rtl_433:ioBroker的rtl_433适配器

    ioBroker.rtl_433ioBroker的rtl_433适配器该适配器使您可以使用廉价的 ... 可以从该实用程序中读取所有可以与该适配器集成的远程传感器,并显示在“协议”选项卡中。 与USB适配器一样,设备在首次尝试启动时可能未准备

    Java学习笔记-个人整理的

    {1.4.5}Boolean 布尔值}{25}{subsection.1.4.5} {1.5}基本类型变量的初始值}{26}{section.1.5} {1.6}数据类型转换}{26}{section.1.6} {1.7}方法}{26}{section.1.7} {1.8}运算符}{27}{section.1.8} {1.8.1}自增...

    从入门到精通HTML5——PDF——网盘链接

     9.3.3 单选按钮——radio 188  9.3.4 复选框——checkbox 189  9.3.5 普通按钮——button 190  9.3.6 提交按钮——submit 191  9.3.7 重置按钮——reset 192  9.3.8 图像域——image 193  9.3.9 隐藏...

Global site tag (gtag.js) - Google Analytics