javascript获取radio的值

最新推荐文章于 2021-12-20 19:29:22 发布
最新推荐文章于 2021-12-20 19:29:22 发布
阅读量1.4k 收藏 1
点赞数
分类专栏： javascript/···· 文章标签： javascript input microsoft button function xhtml
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zjx2388/article/details/3998162
版权

 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>javascript 获取 radio 选中值</title>
<script language="javascript" type="text/javascript">
        //Copyright 2008
        //By 小吴同学 QQ:100052800
        //Date 2008-11-25
       
        //$写法，用于获取元素ID名称
        function $(id){return document.getElementById(id);}
        //获取 radio 选中值
        function GetValue(){
            //获取 radio 所在容器名，根据容器名称搜索 radio 的标签 input
            var radios = $("radios").getElementsByTagName("input");
            //初始化对象
            var grade = "";
            //是否选中 radio,默认不选中，radio 可指定 checked="checked" 不受 flag 影响
            var flag = false;
            //根据容器中搜索到的 input 标签的个数（长度）进行遍历
            for(var i=0;i<radios.length;i++){
                //如果当前有选中
                if(radios[i].checked == true){
                    //赋值
                    grade = radios[i].value;
                    //赋值
                    flag = true;
                    //结束循环
                    break;
                }
            }
            //判断 radio 是否有选中
            if(!flag){
                alert("No choose");
                return;
            }else{
                alert(grade);
            }
        }
</script>
</head>

<body style="font:12px 'Microsoft Sans Serif'">
    <div id="radios">
        <input name="radio" type="radio" value="1"/>1
        <input name="radio" type="radio" value="2" />2
        <input name="radio" type="radio" value="3" />3
        <input name="radio" type="radio" value="4" />4
        <input name="radio" type="radio" value="5" />5
        <input name="button" type="button" value="GetValue" οnclick="GetValue()"/>
    </div>
</body>
</html>

js选中radio
document.consumerform.consumer_sex[0].checked=true;

zjx2388
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
javascript radio值获取代码
12-09
本文将深入探讨如何使用JavaScript获取Radio按钮选中的值。 首先，要获取Radio按钮的选中值，我们可以直接通过DOM操作来实现。假设我们有一组名为`consumer_sex`的Radio按钮，我们可以通过以下方式获取选中的值： ...
javascript 获取表单中radio选中值
热门推荐
蜗牛学习笔记
03-19 10万+
radio是form表单中非常常用的一种表单元素，对于radio的操作中，都是利用radio的checked属性，都是对radio的checked属性做操作。获取radio的选中值时，遍历radio按钮项，找到被选中（checked）的状态的那个按钮，然后返回其值；给radio赋值时，找到对应的按钮项，将其checked属性置为true即可。 获取radio值 Method1 遍历
js获取radio选中值
qq_42617840的博客
11-19 2862
$('input:radio[name="xxx"]:checked').val();
javascript中获取radio的值
liu_binq63的专栏
04-29 2万+
<!--google_ad_client = "pub-2883931001662191";/* 336x280, 创建于 08-4-29 */google_ad_slot = "0210887753";google_ad_width = 336;google_ad_height = 280;//--><script type="text/javascript"sr
使用jquery获取单选radio的值
weixin_34088583的博客
03-08 506
使用jquery获取radio的值,最重要的是掌握jquery选择器的使用，在一个表单中我们通常是要获取被选中的那个radio项的值，所以要加checked来筛选，比如有以下的一些radio项：1.<input type="radio" name="testradio" value="jquery获取radio的值" />jquery获取radio的值2.<...
JS获取radio值
caiying0504的专栏
03-16 158
一段JS获取radio一组选中的值的代码，发出来给大家分享一下！ //预览函数 var colorid=\"\"; function ShowTemp() { var eless = document.getElementsByName(\"colorStyle\"); for(var i=0;i...
JavaScript获取select中text值的方法
10-20
在JavaScript中获取`<select>`元素选中项的文本值可以通过`this.options[this.selectedIndex].text`来实现。这在网页交互中非常常见，比如用于验证用户输入、展示提示信息或者根据用户选择执行相应操作。熟练掌握...
JavaScript中获取Radio被选中的值
01-21
原理就是：一般使用遍历的方法,判断每个Radio是否被选中,如果是,再取其值. <form id=userlist method=post action=option.php> <input type=radio name=userid value=1>1 <input type=radio name=...
javascript 获取特定的 CSS属性值
10-30
下面我们将详细探讨如何使用JavaScript获取CSS文件中声明的特定样式属性值。 首先，我们来看一下提供的代码片段： ```javascript function getStyleValue(css_file_id, labname, param) { var tar; var rss; ...
JS 如何获取radio选中后的值并且不选择也能获取radio的值
AntonioChan's Java Technology
10-26 4137
以下是网上摘下的文章（未测试但很规范可以模仿） text var chk = 0; window.onload=function (){ var chkObjs = document.getElementsByName("radio");
JS 如何获取radio选中后的值及不选择取radio的值
12-13
以下是网上摘下的文章（未测试但很规范可以模仿） 代码如下: <html> <head> <meta http-equiv=”Content-Type” content=”text/html; charset=gb2312″> <title>text</title> [removed] var chk = 0; [removed]=function (){ var chkObjs = document.getElementsByName(“radio”); for(var i=0;i<chkObjs.length;i++){ if(chkObjs[i].checked){ chk = i
js获取下拉列表选中项的值和文本(select)以及获取单
俊哥
04-13 1533
<br /><br />一、获取下拉列表选中项的值和文本(select)<br />代码 select.htm 示例如下：<br />=============================================================================<br /><html><br /><head><title>获取下拉列表选中项的值和文本(select)</title></head><br /><body><br /><script><br />//获取下拉列表选中项的
用JS控制页面表单(From)中单选(Radio)控件值(value)的方法
李大仁博客
08-16 5292
今天将两个JavaScript的小技巧，原因很简单，因为CG最近在改一个网站的表单和前几天的索迪项目的时候，发现在HTML表单中的单选框的值的控制，和选中控制上让人很郁闷，特别是使用JSP的时候，所以今天讲两个JavaScript的小技巧来解决这个问题问题一：表格中每一行中的单选框在能不能在点击这一行之后自动被选中并且Radio的value属性更改。解决方法：当点击触发表格行的时候遍历所有的rad
JavaScript 获取选中的radio的值
大师兄
12-20 8748
HTML <p>支付宝</p><input type="radio" name="paytype" value="aliapy"> <p>微信支付</p><input type="radio" name="paytype" value="wxpay"> <button type="button" onclick="pay()">确认支付</button> JS <script>
Js获取radio的选中值
weixin_37189727的博客
12-26 4062
普通的radio的选中值获取方式如下： &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset="utf-8"&gt; &lt;title&gt;菜鸟教程(runoob.com)&lt;/title&gt; &lt;script src="https://cdn.staticfile.org
jQuery,获取被选中radio的value值
qq_39822451的博客
09-18 3万+
<input type="radio" name="address" value="0" /> <input type="radio" name="address" value="1" /> <input type="radio" name="address" value="2" /> jQuery中 : var addressID = $("inp...
javascript 获取request的值
最新发布
07-28
- *1* [js获取request参数值（javascript 获取request参数值的方法）](https://blog.csdn.net/weixin_30566063/article/details/96300101)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值