获取一组radio按钮选中的值Value

最新推荐文章于 2022-02-25 10:50:11 发布
最新推荐文章于 2022-02-25 10:50:11 发布
阅读量271 收藏
点赞数
文章标签： c# xhtml javascript ViewUI
原文链接：http://www.cnblogs.com/net064/p/10239700.html
版权

1、效果

 

2、HTML代码

 

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm6.aspx.cs" Inherits="MvcAppTest.WebForm6" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title></title>
    <script src="Easyui/jquery-1.7.2.min.js"></script>
    <script type="text/javascript">       
        function setCheck(pd) {
            var radios = document.getElementsByName("address");
            for (var i = 0; i < radios.length; i++) {              
                if (radios[i].value==pd)
                {
                    radios[i].checked = true;
                }
            }
        }
        function show() {
            var radios = document.getElementsByName("address");
            for (var i = 0; i < radios.length; i++) {
                if (radios[i].checked) {
                    alert(radios[i].value);
                }
            }
        }
    </script>
</head>
<body>
 <form id="form1" runat="server">
    <div>
     <input type="radio" name="address" value="0" checked="checked" />苹果&nbsp;&nbsp;&nbsp;
     <input type="radio" name="address" value="1" />香蕉&nbsp;&nbsp;&nbsp;
     <input type="radio" name="address" value="2" />葡萄
    <div>
        <input type="button" onclick="setCheck(1)" value="设置选中状态" />
    </div>
       <div>
           <input type="button" onclick="show()" value="获取选中的值" />
       </div>
    </div>  
  </form>
</body>
</html>

 

转载于:https://www.cnblogs.com/net064/p/10239700.html

weixin_30598225
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
多种获取单选框radio的value值
weixin_44543108的博客
12-09 2340
html: <div>性别: <label><input type="radio" name="radios" value="value值-男">男生</label> <label><input type="radio" name="radios" value="value值-女">女生</label> </div> js: $("input[name='radios']").click(function
JavaScript 点击按钮获取radio选中的值
迪迦·奥特曼__的博客
07-28 445
<form action=""> <div> <p>1、</p> <label><input name="one" type="radio" value="A"/>AAAAAAA </label> <label><input name="one" type="radio" value="B"/>BBBBBB </label> <label>&
JS获取选中的radio button的值
03-21
Javascript获取被选中的Radio button的值或者文本。
ASP.NET WEB入门第一个程序
一个九零后程序猿开发日志
11-19 183
前端 <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http:
WPF RadioButton 基本使用演示
flysh05的专栏
09-07 3440
效果如下图： 实现： 1.获取选中Item的内容 2.实现分组选择 3. 绑定 Item的图片和文字显示的定制显示 XMAL代码如下： <Window x:Class="WpfApp.MainWindow" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" ...
vue radio单选框，获取当前项（每一项）的value值
好巧的博客
12-24 3万+
当然，如果你觉得文章有什么让你觉得不合理、或者有更简单的实现方法又或者有理解不来的地方，希望你在看到之后能够在评论里指出来，我会在看到之后尽快的回复你。本文使用了lable关联选中，如果不需要，直接将循环语句 v-for 写在 input标签上即可。注意：需使用 change 事件，不是 click 事件。注意：需使用 change 事件，不是 click 事件。如果本篇文章对你有帮助的话，很高兴能够帮助上你。
jQuery获取选中单选按钮radio的值
10-20
在JavaScript的世界里，jQuery库提供了一种简便的方式来操作DOM元素，包括获取用户在网页上选中的单选按钮（radio）的值。这篇文章将详细介绍如何利用jQuery来获取选中单选按钮的值，通过两个实例来展示不同的实现...
jQuery获取单选按钮radio选中值与去除所有radio选中状态的方法
12-12
在处理用户交互时，尤其是表单元素如单选按钮（radio buttons）时，jQuery提供了方便的方法来获取选中值以及清除选中状态。下面我们将详细探讨如何使用jQuery实现这些功能。 首先，我们来看如何获取单选按钮的选中...
JavaScript中获取Radio被选中的值
10-23
在学习Web前端开发的过程中，掌握如何用JavaScript获取表单中单选按钮（Radio）被选中的值是一个常见的需求。单选按钮通常用于在一组选项中让用户只能选择一个。在HTML中，单选按钮的name属性值必须相同，以确保它们...
用js的for循环获取radio选中的值
10-26
总结一下，通过JavaScript的for循环获取单选按钮选中值的步骤是： 1. 使用`document.getElementsByName`获取所有具有特定`name`属性的元素集合。 2. 遍历该集合，检查每个元素的`checked`属性。 3. 当找到`checked`...
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
C#获取radioButton之间选中的值(超简单)
03-26
两个radioButton选中其中一个弹出选中的值对话框,也可用在数据库如(男或女)
Jquery获取radio选中的值
10-19
在本篇文章中，我们将探讨如何使用 jQuery 获取单选按钮（radio）选中的值。这对于实现用户交互和数据提交等功能至关重要。 首先，让我们了解 HTML 中的单选按钮（radio）元素。在 HTML 中，`<input type="radio">`...
js 获取radio按钮值的实例
10-26
在这个例子中，我们有一个表单（form），其包含一组名称相同的单选按钮。每个单选按钮都有一个name属性，例如`name="RadioGroup1"`，这是为了确保它们属于同一组，从而实现单选功能。单选按钮的value属性用于存放每...
一组单选按钮radio如何进行控制
10-31
### 一组单选按钮（Radio Button）如何进行控制 在网页设计与开发中，单选按钮（Radio Button）是一种常见的用户界面元素，用于提供多个选项中的单一选择功能。本篇文章将详细探讨如何通过HTML与JavaScript来实现一...
jquery 取值 radio 问题
ATwill的专栏
03-08 1276
1.获取选中值，三种方法都可以： $('input:radio:checked').val()； $("input[type='radio']:checked").val(); $("input[name='rd']:checked").val(); 2.设置第一个Radio为选中值： $('input:radio:first').attr('checked', 'checked');
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...
jQuery获取Radio选择的Value值:
weixin_34124577的博客
04-14 764
jQuery获取Radio选择的Value值:1. $("input[name='radio_name'][checked]").val();//选择被选中Radio的Value值2. $("#text_id").focus(function(){//code...});//事件 当对象text_id获取焦点时触发3. $("#text_id").blur(function(){/...
jquery获取radio的value值
Depressiom的博客
02-25 1114
界面代码 <div style="display: flex;justify-content: space-around;align-items: center"> <input class="my-input" type="radio" name="store_type" checked value="0"/>门店 <input class="my-input" type="radio" name="store_t.
radio按钮选中给对应的input设置那么
最新发布
06-06
当用户选中radio按钮时，可以使用JavaScript来给对应的input设置值。可以通过以下步骤实现： 1. 首先，获取radio按钮组和input元素的引用。 2. 然后，使用addEventListener()方法监听radio按钮组的change事件。 3. 在事件处理程序中，使用if语句检查哪个radio按钮被选中。 4. 最后，使用JavaScript的value属性将对应input元素的值设置为所选的radio按钮的值。 以下是示例代码： HTML代码： ```html <label> <input type="radio" name="gender" value="male"> Male </label> <label> <input type="radio" name="gender" value="female"> Female </label> <input type="text" id="gender-input"> ``` JavaScript代码： ```javascript const radioGroup = document.getElementsByName('gender'); const genderInput = document.getElementById('gender-input'); radioGroup.forEach(radio => { radio.addEventListener('change', () => { if (radio.checked) { genderInput.value = radio.value; } }); }); ``` 这样，当用户选择一个radio按钮时，对应的input元素的值就会被设置为所选的radio按钮的值。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值