selectpickerオプションを選択した後にチェックボックスをチェックする方法は？

Question

jqueryの新機能です。私は仕事の半分をやった。しかし、私は解決策を見つけることはできません。

ここに画像があります。ネイル、ヘア、スキンケア、マッサージの4つのチェックボックスがあります。ユーザーがサロン、モバイル美容師をクリックし、ネイルチェックボックスの上に両方のチェックボックスがチェックされ、ユーザーがサービスを選択をクリックするとネイルチェックボックスがオフになり、すべてに適用されます。私はそれをしましたが、問題は、爪から項目を2回目に選択すると、チェックボックスがチェックされていないことです。その作業は1回だけです。私を助けてください。

<div class="one-row"> 
    <?php foreach ($services as $key => $allservices) { 
     if ($key <= 3) { 
      if (!empty($data['services'])) { 
       if (in_array($allservices['id'], $data['services'])) { 
        $checked = "checked"; 
       } else { 
        $checked = ""; 
       } 
      } else { 
       $checked = ""; 
      } ?> 
      <div class="div_img_part-2"> 
     <span class="img_part_class-2"><img src="{{ asset('images/ServiceImages/'. $allservices['image'])}}"> 
       </span> 
       <span class="text_part_class-2"> 
        <p class="custom-checkbox firstpart"> 
         <input class="firstdisable" type="checkbox" id="{{ $key }}" name="services[]" 
           value="{{ $allservices['id'] }}" <?= $checked; ?>/> 
         <label for="{{ $key }}">{{$allservices['name']}}</label> 
        /p> 
       </span> 
       </span> 
       <select name="service_type[<?php echo $allservices['name']; ?>]" class="selectpicker"> 
        <option value="">Select Your Sevice</option> 
        <option value="Salon" <?php if (!empty($data['service_type'][$allservices['name']])) { 
         if ($data['service_type'][$allservices['name']] == "Salon") { ?> selected 
         <?php } 
        } ?> >Salon 
        </option> 
        <option value="Mobile beautician" <?php if (!empty($data['service_type'][$allservices['name']])) { 
         if ($data['service_type'][$allservices['name']] == "Mobile beautician") { ?> selected 
         <?php } 
        } ?> >Mobile beautician 
        </option> 
        <option value="Both" <?php if (!empty($data['service_type'][$allservices['name']])) { 
         if ($data['service_type'][$allservices['name']] == "Both") { ?> selected 
         <?php } 
        } ?>>Both 
        </option> 
       </select> 
      </div> 
     <?php } 
    } ?> 
</div> 

私はここにLaravelフレームワーク を使用していている私のjQueryコード： - - ：

HTML形式 - ：ここで私は、コードを持っている

$('.selectpicker').selectpicker('refresh'); 
$(".selectpicker").on('change', function() { 
    var value = $(this).parents(".div_img_part-2").find(".selectpicker").val(); 
    alert(value); 
    if (value == "") { 
     $(this).parents(".div_img_part-2").find("input[type='checkbox']").attr('checked', false); 
     if ($("input:checked").length == 0) { 
      $('.disable').prop('disabled', false); 
      $('.selectpicker').selectpicker('refresh'); 
     } 
    } else { 
     $(this).parents(".div_img_part-2").find("input[type='checkbox']").attr('checked', true); 
    } 
}); 

Answer 1

利用に最も近い（）と支柱（）の代わりに、 parent（）とattr（）です。あなたのチェックボックスのチェックを外す/チェックする

$(".selectpicker").on('change', function() { 
    var value = $(this).val(); 
    if (value == "") { 
     $(this).closest(".div_img_part-2").find("input[type='checkbox']").prop('checked', false); 
     if ($("input:checked").length == 0) { 
      $('.disable').prop('disabled', false); 
      $('.selectpicker').selectpicker('refresh'); 
     } 
    } else { 
     $(this).closest(".div_img_part-2").find("input[type='checkbox']").prop('checked', true); 
    } 
});