Question

我有以下单选按钮：

<td valign="top">
    <label>Have you ever been tested?</label>

    <input required id="Test" name="Test" type="radio" class="wellness_center radiostyle" value="1">
    <div class="radiolabel">Yes</div>
    <input required id="Test" name="Test" type="radio" class="wellness_center radiostyle" value="0">
    <div class="radiolabel">No</div>
</td>

以0和1的形式向数据库提交数据（1 =是，0 =否）。我想从数据库中提取此信息，并根据数据库中保存的值重新映射/突出显示单选按钮。我尝试了以下方法：

$.ajax({
    type: "GET",
    url: "database/Emarps/websrvc/websrvc.php?task=getData&UUID=" + currentuuid + "&DataGt=hk",
    dataType: "JSON",
    success: function (response) {
        $.each(response, function (i, resp) {

            if (resp.tested === $("input[name='Test'][value='1']").prop('checked', true)) {

            } else if (resp.tested === $("input[name='Test'][value='0']").prop('checked', true)) {

            }

        });
    }
});

从数据库中很好地检索数据，但无法将其映射到相应的单选按钮。请协助，如何根据通过JSON传输的数据库的值将其映射回正确的无线电基础？

Answer 1

您只需检查无线电，其值将保存在数据库中

//assuming response is an array
$.each(response, function (i, resp) {
    $("input[name='Test'][value='" + resp.tested + "']").prop('checked', true))
});

Answer 2

要进行比较，您可以简单地使用文字：

if (resp.tested === "1") {
  $("input[name='Test'][value='1']").prop('checked', true);
}

您可以尝试这样做：

$("input[name=Test]").prop('checked', false); //uncheck all
$.each(response, function (i, resp) {
  $("input[name=Test][value=" + resp.tested + "]").prop('checked', true);
}

使用JSON中的数据检查单选按钮

2 个答案: