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

时间:2011-07-12 09:53:39

标签: php jquery

我认为我的代码中存在错误 - $('#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>

5 个答案:

答案 0 :(得分:0)

根据文档,你可以使用

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

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

的信息:
http://api.jquery.com/val/
http://snipplr.com/view/9166/get-radio-button-value-using-jquery/
http://api.jquery.com/radio-selector/

答案 1 :(得分:0)

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

但如果有多个无线电输入怎么办? 请尝试使用此代码: $('#form :radio:first')

顺便说一下,不是真正的PHP问题。

答案 2 :(得分:0)

试试这个

 <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>

答案 3 :(得分:0)

我接受你的html似乎很好......你在html中缺少值属性

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

你可以看到它here

答案 4 :(得分:0)

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

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

您不需要该值,只是为了验证用户是否已选中任何单选按钮。