jQuery:无法获得单选按钮值

时间:2012-01-15 19:26:56

标签: javascript jquery button radio

我有以下jsfiddle:

http://jsfiddle.net/rpp6s/

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

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());
});

8 个答案:

答案 0 :(得分:4)

从输入选择器中删除@

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

答案 1 :(得分:2)

使用它:

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

或获取特定表格:

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

答案 2 :(得分:2)

$("#but").click(function() {
    alert($("#form2 input:checked").val());
});

答案 3 :(得分:1)

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

答案 4 :(得分:1)

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

答案 5 :(得分:1)

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

答案 6 :(得分:1)

将您的提醒更改为

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

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

答案 7 :(得分:1)

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

这很好用:D