如何根据jQuery中的值检查复选框

Question

我需要根据数据值对我的复选框进行检查状态。到目前为止，我正在使用以下方法。

$(document).ready(function(){  
      $('#add').click(function(){  
           $('#insert').val("Insert");  
           $('#update_form')[0].reset();  
      });  
      $(document).on('click', '.update_data', function(){ 
           var row_id = $(this).attr("id");  
           
           $.ajax({  
                url:"./project/userdetail.php",  
                method:"POST",  
                data:{row_id:row_id},  
                dataType:"json", 
                success:function(data){  
                      ...........
                     if(data.accesslocations=='ABC,DEF,GHI'){
                      document.getElementById("check1").checked = true;
                      document.getElementById("check2").checked = true;
                      document.getElementById("check3").checked = true;
                      
                     }

                     if(data.accesslocations=='ABC,GHI'){
                      document.getElementById("check1").checked = true;
                      document.getElementById("check3").checked = true;
                      
                     }
                     if(data.accesslocations=='ABC'){
                      document.getElementById("check1").checked = true;
                     }

                    
                     
                     
                     ...........

                 $('#employee_id_update').val(data.row_id);  
                 $('#insert').val("Update");
                 $('#new_data_Modal').modal('show'); 
                        
                      
                }, 
                error: function(req, status, error) {
               alert(req.responseText);      
                }   
           });  
      });  

我的目的是检查data.AccessLocations并检查它是否包含abc或abc，def同样，

If ABC contains need to check1 status as checked.
If DEF contains need to check2 status as checked.
If GHI contains need to check3 status as checked.

我也尝试了下面的方法。但是然后我无法打开对话框，new_data_modal。

               if(strstr(data.accesslocations, "ABC")){
                  document.getElementById("check1").checked = true;
                 }

Answer 1

• 使用→[“ ABC”，“ GHI”]使用 string.prototype.split（
• ）

const handleFoobarCheckboxes = (str) => {
  const values = str.split(",");
  document.querySelectorAll('[name="foobar[]"]').forEach(elCkb => {
    elCkb.checked = values.includes(elCkb.value);
  });
};

handleFoobarCheckboxes("GHI,ABC");

<label><input name="foobar[]" type="checkbox" value="ABC"> ABC</label>
<label><input name="foobar[]" type="checkbox" value="DEF"> DEF</label>
<label><input name="foobar[]" type="checkbox" value="GHI"> GHI</label>

从上面的示例中可以看到，值的顺序将无关紧要，您的脚本仍然可以正常工作。