チェックを外しボックスは、他のは、私がこのようないくつかのチェックボックスを持っているjQueryの

Question

で選択されている：

<div class="col-sm-12"> 
     <div class="col-sm-4"> 
      <div class="checkbox checkbox-default"> 
       <input type="checkbox" name="RAT_RoomList[]" value="10"> 
       <label for="custome-checkbox1"># 11</label> 
      </div> 
     </div> 
     <div class="col-sm-4"> 
      <div class="checkbox checkbox-default"> 
       <input type="checkbox" name="RAT_RoomList[]" value="11"> 
       <label for="custome-checkbox2"># 12</label> 
      </div> 
     </div> 
     <div class="col-sm-4"> 
      <div class="checkbox checkbox-default"> 
       <input type="checkbox" name="RAT_RoomList[]" value="12"> 
       <label for="custome-checkbox3"># 13</label> 
      </div> 
     </div> 
     <div class="col-sm-12"> 
      <div class="checkbox checkbox-default"> 
       <input type="checkbox" class="selectAll"> 
       <label for="custome-checkbox">Select all</label> 
      </div> 
     </div> 
</div> 

Select allが確認されたときに他のすべての選択を解除するにはどうすればよい

と私はSelect Allの選択を解除することができますどのように他のチェックボックスの1がチェックされています？

ありがとうございました。

Answer 1

クラスでセレクタを使用しないと、これを実現できます。

$('.selectAll').click(function() { 
 
    if ($(this).prop("checked", true)) { 
 
    $(".col-sm-12").find('input[type=checkbox]').not('.selectAll').each(function() { 
 
     this.checked = false; 
 
    }); 
 
    } 
 
}); 
 
$('input[type=checkbox]').not('.selectAll').click(function() { 
 
    if ($(this).prop("checked", true)) { 
 
    $('.selectAll').prop("checked", false) 
 
    } 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> 
 
<div class="col-sm-12"> 
 
    <div class="col-sm-4"> 
 
    <div class="checkbox checkbox-default"> 
 
     <input type="checkbox" name="RAT_RoomList[]" value="10"> 
 
     <label for="custome-checkbox1"># 11</label> 
 
    </div> 
 
    </div> 
 
    <div class="col-sm-4"> 
 
    <div class="checkbox checkbox-default"> 
 
     <input type="checkbox" name="RAT_RoomList[]" value="11"> 
 
     <label for="custome-checkbox2"># 12</label> 
 
    </div> 
 
    </div> 
 
    <div class="col-sm-4"> 
 
    <div class="checkbox checkbox-default"> 
 
     <input type="checkbox" name="RAT_RoomList[]" value="12"> 
 
     <label for="custome-checkbox3"># 13</label> 
 
    </div> 
 
    </div> 
 
    <div class="col-sm-12"> 
 
    <div class="checkbox checkbox-default"> 
 
     <input type="checkbox" class="selectAll"> 
 
     <label for="custome-checkbox">Select all</label> 
 
    </div> 
 
    </div> 
 
</div>

Answer 2

ここでは、私は、これはあなたが探しているものだと思いフィドルhttps://jsfiddle.net/Lt2k8wxL/

$('.selectAll').change(function() { 
    if ($(this).is(':checked')){ 
     $('input[name="RAT_RoomList[]"]').prop('checked', false); 
    } 
}); 

$('input[name="RAT_RoomList[]"]').change(function(){ 
    if ($(this).is(':checked')){ 
     $('.selectAll').prop('checked', false); 
    } 
}); 

で行きます。