如何使用方法获取“input[type=radio]”中的值

Question

我认为我的代码中有错误 - $('#form input[type=radio]').val();。

JS：

<script>
$(document).ready(function(){
   $('#btnSubmit').bind('click', function(){
      var option = $('#form input[type=radio]').val();
        if(!option){
            alert('Answer empty');
            return false;
        }
        $('#form').submit();
   });
});
</script>

HTML：

<form id="form" method="post">
    <input type="radio" id="option1" name="option1" />
    <input type="submit" name="btnSubmit" id="btnSubmit" value="submit" />
</form>

Answer 1

根据文档，您可以用于

$('input:radio').val();

信息

<input type="radio"  name="r" value="radio1"/> 

：
http://api.jquery.com/val/
http://snipplr.com/view/9166/get-单选按钮值使用-jquery/
http://api.jquery.com/radio-selector/

Answer 2

$('#form :radio') 更短。

但是如果有多个无线电输入怎么办？
尝试使用这个代替：
$('#form :radio:first')

顺便说一句，这并不是真正的 PHP 问题。

Answer 3

对我来说，接受你的html似乎很好...你的html中缺少值属性，

<input type="radio" id="option1" name="option1" value="15"/>

你可以看到它 这里

Answer 4

您真正想要和需要的是这样的代码：

$('#btnSubmit').bind('click', function(){
    var checked = ($("input[name='option1']:checked").length > 0);
    if (!checked) {
        alert('Answer empty');
        return false;
    }
    return true;
});

您不需要该值，只需验证用户是否已检查任何单选按钮。

Answer 5

试试这个

 <script>
$(document).ready(function(){
   $('#btnSubmit').bind('click', function(){
    var option = $('#option1:Checked').val();
    if(!option){
        alert('Answer empty');
        return false;
    }
    $('#form').submit();
});
});
</script>
<form id="form" method="post">
<input type="radio" id="option1" name="option1" />
<input type="submit" name="btnSubmit" id="btnSubmit" value="submit" />
</form>