javascript - 在 JavaScript 中使用数组响应选中复选框

Question

我有一个表单，它有 4 个复选框。我收到来自服务器的响应，根据该响应我需要检查该特定的复选框。

例如，我有四个名为 2100,2200,2300,2400 的复选框

然后我从服务器收到数组响应，数组有 2200 和 2400。然后我需要选中 2200 和 2400 复选框。

$.ajax({
    type: "POST",
    url: "send_db.php",
    data: {'send_array':array_send},
    success:  function(data){

    var jsonRes  = jQuery.parseJSON(data);
    var plant  = jsonRes.plant;
    var array_length = jsonRes.plant.length;

    for (var i = 0; i < array_length; i++) {

        document.getElementsByName("user_plant1").checked = true;

    }

    }
});

这里植物具有值。

这些是我的复选框...

<div class="form-group">
    <label class="checkbox-inline"><input type="checkbox" id="chk21" name="user_plant1" value="2100">2100</label>
    <label class="checkbox-inline"><input type="checkbox" id="chk22" name="user_plant1" value="2200">2200</label>
    <label class="checkbox-inline"><input type="checkbox" id="chk23" name="user_plant1" value="2300">2300</label>
    <label class="checkbox-inline"><input type="checkbox" id="chk24" name="user_plant1" value="2400">2400</label>
</div>

Answer 1

尝试以下方法:

var chkData = "2200,2400";
chkData = chkData.split(',');

var el=document.querySelectorAll('input[name=user_plant1]');
el.forEach(function(chk){
  if(chkData.includes(chk.value)){
    chk.setAttribute('checked',true);
  }
  else{
    chk.checked = false;
  }
});

<div class="form-group">
    <label class="checkbox-inline"><input type="checkbox" id="chk21" name="user_plant1" value="2100">2100</label>
    <label class="checkbox-inline"><input type="checkbox" id="chk22" name="user_plant1" value="2200">2200</label>
    <label class="checkbox-inline"><input type="checkbox" id="chk23" name="user_plant1" value="2300">2300</label>
    <label class="checkbox-inline"><input type="checkbox" id="chk24" name="user_plant1" value="2400">2400</label>
</div>