javascript - 根据 json 数组值选择 html 复选框

Question

我有一个表单，我将多个复选框项目作为数组发送到 Controller ，

<?php
    foreach($groupsArray as $group)
        {
?>
<label>
<input type="checkbox" class="icheck" name="groups[]" id="groups" value="<?php echo $group["id"];?>"> <?php echo $group['name']?> </label>

<?php
}
?>

数据库中的复选框值更新一切正常，

现在，我正在做的是，从数据库获取值，我需要检查存储在数据库中的值，

我收到以下来自 PHP 的 json 响应<

groups: [{user_id: "2", group_id: "4", id: "4", name: "system Creators",…}]

下面我使用了AJAX

if(objData.groups[0].group_id == $("#groups").val())
    {
        $("#groups").iCheck('check');
    }

使用这个$("#groups").val()，它总是采用第一个复选框的值，所以有问题， 如何使用 Json 比较所有复选框的值？ 另外，如果组数组将有多个值，则意味着多维数组，那么更多组？

提前致谢!

Answer 1

您需要能够知道哪个复选框与哪个数据库值相关。

这就是ID在复选框上的用途。你把它们都当作“groups” - 这是不好的做法。

使用:(注意动态id属性)

<?php
    foreach($groupsArray as $group)
        {
?>
<label>
<input type="checkbox" class="icheck" name="groups[]" id="chk<?php echo $group["id"];?>" value="<?php echo $group["id"];?>"> <?php echo $group['name']?> </label>

<?php
}
?>

然后循环数据库中的组对象:

for(var i = 0; i < groups.length; i++) {
   var chk = document.getElementById("chk" + groups[i].id);
   chk.checked = true;
}