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

Question

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

我的问题是应该放在单选按钮中的值没有被选中。其他输入显示正常，但性别不是。

传递值示例：{"name":"Okay","age":"11","gender":"Male","status":"Single"}

html:

Gender <input type="radio" id="gender" name="gender" value="Male" /> Male <br />
        <input type="radio" id="gender" name="gender" value="Female" /> Female <br />

脚本：

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

Answer 1

您不应该有两个具有相同 ID 的元素。使用名称属性 这是您检查单选按钮的方式：

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

为了更准确，我添加了 name="gender"。

Answer 2

要检查单选按钮，您需要使用.prop('checked',true/false)。而不是.val()