Question

大家好，这是我的Html代码：

 <div class="form_present_content">
        <span class="form_present_update">
            <fieldset class="form_present_fieldset" data-role="controlgroup" data-type="horizontal">
                <ul>
                    <li><input class="var_Amateur" name="TypeProfile[]" value="Amateur" id="Amateur" type="radio"><label for="Amateur">Amateur</label></li>
                    <li><input class="var_Professional" name="TypeProfile[]" value="Professional" id="Professional" type="radio"><label for="Professional">Professional</label></li>
                    <li><input class="var_Client" name="TypeProfile[]" value="Client" id="Client" type="radio"><label for="Client">Client</label></li>
                </ul>
            </fieldset>
        </span>
 </div>

我想获取所选单选按钮的值，以便我这样做：

var var_TypeProfile = $('input[name="TypeProfile[]"]:checked', "#form_present_content").val();
alert(var_TypeProfile);

警报显示未定义，需要您的帮助并感谢。

编辑jQuery代码：

var var_TypeProfile = $('input[name="TypeProfile[]"]:checked', ".form_present_content").val();
alert(var_TypeProfile);

此后编辑警报不会出现。

Answer 1

, "#form_present_content")  --> id

应该是

, ".form_present_content")  --> class

当页面加载时，没有选中任何单选按钮。所以它总是未定义的。

您需要写一个change事件来获取检查时的值。

$('input[name="TypeProfile[]"]', '.form_present_content').on('change', function() {
    if($(this).is(':checked')) {
        alert($(this).val());
    }
});

<强> Check Fiddle

无法使用jQuery获取单选按钮值

1 个答案: