Javascript 在操作情况下获取单选按钮的选定值_Javascript_Html_Radio Button

Javascript 在操作情况下获取单选按钮的选定值

javascript html

Javascript 在操作情况下获取单选按钮的选定值,javascript,html,radio-button,Javascript,Html,Radio Button,您好，下面是代码，我已经尝试了很多方法，但是我无法获得所选单选按钮的值。正如您所看到的，我需要在不同的情况下获得该值 <div style="display: inline-block"> <div> <a href="/Login/LogOut">Log Out</a><span> Welcome </span>YS User 1 noName </d

您好，下面是代码，我已经尝试了很多方法，但是我无法获得所选单选按钮的值。正如您所看到的，我需要在不同的情况下获得该值

  <div style="display: inline-block">
        <div>
                <a href="/Login/LogOut">Log Out</a><span> Welcome </span>YS User 1 noName        </div>
        <br />
        <br />
        <br />
        <br />
        <input type="button" onclick="submitCreate();" value="New Survey" /><br />
        <input type="button" onclick="submitEdit();" value="Edit Survey" /><br />
        <input type="button" onclick="submitDelete();" value="Delete Survey" /><br />
        <input type="button" onclick="submitPreview();" value="Preview Survey" />
    </div>
    <div style="display: inline-block">
<div>
    <table class="MyTable"><thead><tr class="columnHead"><th scope="col"></th><th scope="col"><a href="/User/Index?sort=UserID&amp;sortdir=ASC">CreatedBy</a></th><th scope="col"><a href="/User/Index?sort=CreatedDate&amp;sortdir=ASC">Created Date</a></th><th scope="col"><a href="/User/Index?sort=IsRunning&amp;sortdir=ASC">Is Running</a></th></tr></thead><tbody><tr><td> <input name="selected" id="1" 

      type="radio" value="1" /></td><td>1</td><td>12/12/2011 3:43:57 PM</td><td>False</td></tr><tr class="altRow"><td> <input name="selected" id="2" 

      type="radio" value="2" /></td><td>1</td><td>12/13/2011 4:42:37 PM</td><td>False</td></tr><tr><td> <input name="selected" id="3" 

      type="radio" value="3" /></td><td>1</td><td>12/13/2011 6:27:38 PM</td><td>False</td></tr></tbody></table>
</div>
    </div>
</body>
</html>
<script type="text/javascript">
    //   var value = $$('input[name=selected]:checked')[0].get('value');
//    var selectFoo;
//    $$('input[name=selected]').each(function (el) {
//        if (el.checked == true) {
//            selectFoo = el.value;
//        }
//    });

    function getCheckedValue(radioObj) {
        if (!radioObj)
            return "";
        var radioLength = radioObj.length;
        if (radioLength == undefined)
            if (radioObj.checked)
                return radioObj.value;
            else
                return "";
        for (var i = 0; i < radioLength; i++) {
            if (radioObj[i].checked) {
                return radioObj[i].value;
            }
        }
        return "";
    };

    function submitCreate() {
        var adress = "/User/CreateSurvey/";
        document.location = adress;
    };

    function submitEdit() {
        var adress = "/Den/Index/" + getCheckedValue('selected');
        document.location = adress;
    };

    function submitDelete() {
        var adress = "/User/DeleteSurvey/" + getCheckedValue('selected');
        document.location = adress;
    };

    function submitPreview() {
        var adress = "/User/PreviewSurvey/" + getCheckedValue('selected');
        document.location = adress;
    }; 
</script>


欢迎YS用户1 noName














112/12/2011 3:43:57 PMFalse 112/13/2011 4:42:37 PMFalse 112/13/2011 6:27:38 PMFalse
//var value=$$（'input[name=selected]：checked'）[0]。获取（'value'）；
//var-selectFoo；
//$$（'input[name=selected]'）。每个（函数（el）{
//如果（el.checked==真）{
//选择foo=el.value；
//        }
//    });
函数getCheckedValue（radioObj）{
如果（！radioObj）
返回“”；
var radioLength=radioObj.长度；
如果（放射长度==未定义）
如果（无线电目标检查）
返回radioObj.value；
其他的
返回“”；
对于（var i=0；i

您可以使用（）
或（“输入”）
获取输入元素数组。循环检查这些元素以检查哪个元素被选中
下面是一个示例，说明如何从一组名为“selected”的单选按钮中获取选中按钮的值：

函数get_radio_value（）{
var输入=document.getElementsByName（“选定”）；
对于（变量i=0；i
2

3

我为所需的函数选择let number of code。下面是api.jquery.com上为我提供的一个示例。希望这能帮助别人
HTML
变量selectedOption将包含所选单选按钮（即o1或o2）的值。这对我很有帮助，但这并不是我所期待的。我已经用那个密码解决了问题。希望它能帮助别人。。。函数get_radio_value（）{for（var i=0；i<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>

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

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