【问题标题】:jQuery get value of selected radio buttonjQuery获取选定单选按钮的值
【发布时间】:2012-01-27 04:25:21
【问题描述】:

问题陈述很简单。我需要查看用户是否从单选组中选择了单选按钮。组中的每个单选按钮共享相同的 id。

问题是我无法控制表单的生成方式。以下是单选按钮控件代码的示例代码:

<input type="radio" name='s_2_1_6_0' value='Mail copy to my bill to address' id = "InvCopyRadio" onchange = 'SWESubmitForm(document.SWEForm2_0,s_4,"","1-DPWJJF")' style="height:20;width:25" tabindex=1997 >

除了选择单选按钮时,它不会将“选中”属性添加到控件只是文本检查 (我猜只是在没有值的情况下检查的属性) 。以下是所选无线电控件的外观

<input type="radio" checked name='s_2_1_6_0' value='Mail copy to my bill to address' id = "InvCopyRadio" onchange = 'SWESubmitForm(document.SWEForm2_0,s_4,"","1-DPWJJF")' style="height:20;width:25" tabindex=1997 >

任何人都可以帮助我使用 jQuery 代码来帮助我获取选中的单选按钮的值吗?

【问题讨论】:

  • 您有多个具有相同 ID 的元素?这……太可怕了。
  • 如何与他们都具有相同的 ID 一起工作?当按 ID 评估时,评估不会在第一个匹配的元素处停止吗?这些动态元素在不同时间显示的目的是什么?
  • 仅供参考,ASP.NET MVC 的 @Html.RadioButtonFor 助手将生成具有相同 ID 的所有单选按钮。哎呀。
  • 试试我在所有解决方案中最好的解决方案。 ::stackoverflow.com/questions/8622336/…

标签: jquery radio-button siebel


【解决方案1】:

如果您不知道具体名称或想检查表单中的所有单选输入,您可以使用全局变量为每个单选组检查一次值: `

        var radio_name = "";
        $("form).find(":radio").each(function(){
            if (!radio_name || radio_name != $(this).attr('name')) {
                radio_name = $(this).attr('name');
                var val = $('input[name="'+radio_name+'"]:checked').val();
                if (!val) alert($('input[name="'+radio_name+'"]:checked').val());
            }
        });`

【讨论】:

    【解决方案2】:
     <div class="col-md-12">
       <div class="form-radio">
           <input class="radio-outlined" id="accept_new_login1" type="radio" name="aNL" value="1">
           <label for="accept_new_login1" class="radio-teal">Yes</label>
            <input class="radio-outlined" id="accept_new_login2" type="radio" name="aNL" value="0">
            <label for="accept_new_login2" class="radio-teal">No</label>
       </div>
    </div>
    
    <script>
      $("input[name=aNL]").on("click" , function () {
        console.log("test" ,$("#accept_new_login").val() , this.value , this.id );
      })
    
     </script>
    

    这个解决方案不仅简单,还告诉选定的 ID 和价值。你可以检查我的输出。

    【讨论】:

      猜你喜欢
      • 2011-05-07
      • 1970-01-01
      • 2016-08-30
      • 2013-10-14
      • 2014-08-24
      • 2015-12-26
      • 1970-01-01
      • 2015-03-28
      相关资源
      最近更新 更多