Javascript 如何在单选按钮中显示传递给ajax的php值

我有一个从php代码传递到ajax脚本的值列表

我的问题是单选按钮中应该输入的值不是check。其他输入显示良好，但性别不是

通过值示例：

{“姓名”：“好”、“年龄”：“11”、“性别”：“男性”、“状态”：“单身”}

html:

性别男性

女性

scipt：

<script type="text/javascript">
$(document).ready(function(){
$("#editInput").click(function(){
    var data = {};
        data.name = $('#name').val();
        data.age = $('#age').val();
        data.gender = $('#gender').val();
        data.status = $('#status').val();

        $.ajax({
            type: "POST",
            url: "viewInputs.php",
            data: data,
            cache: false,
            dataType:"JSON",
            success: function (result) {

             $("#name").val(result.name);
             $("#age").val(result.age);
             $("#gender").val(result.gender);
             $("#status").val(result.status);

            }
        });
            return false;

});

});
</script>

$（文档）.ready（函数（）{
$（“#编辑输入”）。单击（函数（）{
变量数据={}；
data.name=$（'#name'）.val（）；
data.age=$（'#age'）.val（）；
data.gender=$（'#gender'）.val（）；
data.status=$（'#status'）.val（）；
$.ajax({
类型：“POST”，
url:“viewInputs.php”，
数据：数据，
cache:false，
数据类型：“JSON”，
成功：功能（结果）{
$（“#name”）.val（result.name）；
$（“#年龄”）.val（result.age）；
$（“性别”）.val（结果性别）；
$（“#status”）.val（result.status）；
}
});
返回false；
});
});

要检查单选按钮，您需要使用

.prop（'checked'，true/false）

。与

.val（）

相反，您不应该有两个ID相同的元素。请使用name属性 这就是您检查单选按钮的方式：

$('input[type=radio][name="gender"][value='+result.gender+']').prop('checked', true);

---

更准确地说，我添加了name=“gender”。

您不应该有两个ID相同的HTML元素，您只选择了第一个。此外，您不能像这样设置单选按钮的值，您需要在要选择的按钮上使用

.prop（'checked'，true）

。@Nawed Khan如果我需要将它放在特定的单选按钮中怎么办？因为我有不同的单选按钮，不仅仅是性别。给他们一个类“性别”，然后做$（'.Gender[value='+result.Gender+']）.prop（'checked'，true）；实际上它已经被弃用了，现在我们使用

.prop（）

是的，它只工作一次！

$('input[type=radio][name="gender"][value='+result.gender+']').prop('checked', true);