【问题标题】:jQuery: can't get radio button valuejQuery:无法获取单选按钮值
【发布时间】:2012-01-15 19:26:55
【问题描述】:

我有以下 jsfiddle:

http://jsfiddle.net/rpp6s/

我想提醒第二个单选按钮表单的值。但是如果我从第一个表单中选择一个值,它的值会出现在警报中,而不是第二个表单的值。

html:

<form id="formOne">
New invoice <input id="radioNewInvoice" name="groupOne" type="radio" value="new"></input>
 Modify existing invoice<input id="radioModInvoice" name="groupOne" type="radio" value="mod"></input>
</form>



<form id="form2">
    <input id="normal" type="radio" name="groupTwo" value="normal" /> normal <br>
    <input id="30days" type="radio" name="groupTwo" value="30days" /> 30 days <br>
    <input id="60days" type="radio" name="groupTwo" value="60days" /> 60 days <br>
    <input id="90days" type="radio" name="groupTwo" value="90days" /> 90 days <br>
    <input id="90pdays" type="radio" name="groupTwo" value="90+days" /> 90+ days <br>
</form>

<input id="but" type="button" value="click" />

javascript:

$('#but').click(function() {
    alert($("input[@name=groupTwo]:checked").val());
});

【问题讨论】:

    标签: javascript jquery button radio


    【解决方案1】:

    R从输入选择器中移除@

    $('#but').click(function(){
       alert($("input[name=groupTwo]:checked").val()); 
    });
    

    【讨论】:

      【解决方案2】:

      使用这个:

      alert($('input[name=groupTwo]:checked').val());
      

      或获取特定形式:

      alert($('input[name=groupTwo]:checked', '#form2').val());
      

      【讨论】:

        【解决方案3】:
        $("#but").click(function() {
            alert($("#form2 input:checked").val());
        });
        

        【讨论】:

          【解决方案4】:
          $('#but').click(function(){
             alert($("#form2 input[@name=groupTwo]:checked").val()); 
          });
          

          【讨论】:

          • 非常感谢!这就是我喜欢 stackoverflow.com 的原因
          • form2 的所有输入都是 groupTwo 的,所以不需要选择器。 @ 在 jQuery 属性选择器中也无效。
          【解决方案5】:
          alert($("input[name=groupTwo]:checked").val()); 
          

          【讨论】:

            【解决方案6】:
            $('#but').click(function(){
                  alert($("input[name*='groupTwo']:checked").val());
            });
            

            【讨论】:

              【解决方案7】:

              将您的警报更改为

              alert($("#form2 input:checked").val()); 
              

              这是一种快速而肮脏的解决方案,但它确实有效。

              【讨论】:

                【解决方案8】:
                 alert($('input[name=groupTwo]:radio:checked').val());
                

                这很好用:D

                【讨论】:

                  猜你喜欢
                  • 1970-01-01
                  • 2019-10-05
                  • 2013-06-14
                  • 2020-07-14
                  • 2012-01-27
                  • 2013-10-14
                  • 2012-10-28
                  • 2015-03-06
                  相关资源
                  最近更新 更多