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

Posted 2023-03-11

【中文标题】如何在单选按钮中显示传递给 ajax 的 php 值

【英文标题】：How to show passed php value to ajax in a radio button

【发布时间】：2014-07-23 16:41:58

【问题描述】：

我有一个从我的 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>

【问题讨论】：

你不应该有两个具有相同 ID 的 HTML 元素，你只选择第一个。此外，您不能像这样设置单选按钮的值，您需要在要选择的按钮上使用.prop('checked', true)。

【参考方案1】：

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

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

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

【讨论】：

@Nawed Khan 如果我需要将它放在特定的单选按钮中怎么办？因为我有不同的单选按钮，而不仅仅是性别。

给他们一个“性别”类，然后做 $('.Gender[value='+result.gender+']').prop('checked', true);

【参考方案2】：

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

【讨论】：

其实已经弃用了，现在我们使用.prop()

是的，它也只能工作一次！ ***.com/questions/24910549/…