Question

我正在模式对话框中显示一个复选框。我使用ajax检索返回的变量之一为data.admin的数据库模型。当此变量等于字符串“ A”时，该复选框必须显示为选中状态。否则，应保持选中状态。

下面是我的代码：

<div class="custom-control custom-checkbox">
       <input type="checkbox" class="custom-control-input" id="admin" name="admin">
       <label class="custom-control-label" for="admin">Admin</label>
</div> 

$(document).on('click', '.edit_data',function(){
    var id_code = $(this).attr("id");
    $.ajax({
        url:"edit.php",
        method:"post",
        data:{id_code:id_code},
        datatype:"json",
        success:function(data){
            $('#code').val(data.code);
            $('#login').val(data.login);
            $('#pass').val(data.pass);
            $('#admin').val(data.admin);
            $('#id_code').val(data.id);
            $('#myModale').modal("show");  
        }
    });
});

Answer 1

您可以使用prop函数在jQuery中选中一个复选框：

$('#admin').prop('checked', true); // use false to uncheck

因此，在您的情况下，您需要使用if语句检查变量，然后根据需要选中复选框：

if(data.admin === "A") {
    $('#admin').prop('checked', true);
}
else {
    $('#admin').prop('checked', false);
}

使用上面的代码代替行$('#admin').val(data.admin);

编辑：正如Jeto在下面的评论中所述：

可以缩写为$('#admin').prop('checked', data.admin === 'A');

选中一个复选框，如果变量等于字符串

1 个答案: