在执行操作时获取单选按钮的选定值[重复]

问题描述 投票:0回答:2
javascript html radio-button
2个回答
10
投票

您可以使用 document.getElementsByName

(<button_name>)
document.getElementsByTagName
("input")
获取输入元素数组。循环遍历这些元素以检查哪个是
checked

下面是如何从一组名为“selected”的单选按钮中获取选中按钮的值的示例:

<html>
    <head>
        <script type="text/javascript">
          function get_radio_value() {
            var inputs = document.getElementsByName("selected");
            for (var i = 0; i < inputs.length; i++) {
              if (inputs[i].checked) {
                return inputs[i].value;
              }
            }
          }

          function onSubmit() {
            var id = get_radio_value();
            alert("selected input is: " + id);
          }
        </script>
    </head>
    <body>
        <form onsubmit="onSubmit();">
            <input name="selected" value="1" type="radio"/>1<br/>
            <input name="selected" value="2" type="radio"/>2<br/>
            <input name="selected" value="3" type="radio"/>3<br/>
            <input type="submit" value="submit"/>
        </form>
    </body>
</html>

2
投票

我选择让所需功能的代码数量。下面给出了对我有用的 api.jquery.com。希望这对其他人有帮助。

HTML

<input type="radio" name="option" value="o1">option1</input>
<input type="radio" name="option" value="o2">option2</input>

JavaScript

var selectedOption = $("input:radio[name=option]:checked").val()

变量 selectedOption 将包含所选单选按钮的值(即 o1 或 o2)

© www.soinside.com 2019 - 2024. All rights reserved.