bootstrap аккордеон и jquery вложенные checkbox funcionality

Question

У меня есть саундтрек, который имеет вложенные в него флажки. Проблема в документе готова, я хочу проверить, был ли установлен флажок в панели 1 (.tb1) вместе с флажком в панели2 (.tb3). У меня есть код, чтобы проверить его с помощью: checkbox selector, но этот тоже не работает. Селектор: checkbox предполагает запуск в любое время.

Любые предложения о том, как получить либо работу. Код ниже:

$(":checkbox").click(function() { 
 
    if ($("#panel1 .tb1").is(":checked") && $("#panel2 .tb3").is(":checked")) { 
 
    alert("both clicked"); 
 
    } else { 
 

 
    } 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script> 
 
<div class="bs-example"> 
 
    <div class="panel-group" id="accordion"> 
 
     <div class="panel panel-default"> 
 
      <div class="panel-heading"> 
 
       <h4 class="panel-title"> 
 
        <a data-toggle="collapse" data-parent="#accordion" href="#collapseOne">1. What is HTML?</a> 
 
       </h4> 
 
      </div> 
 
      <div id="panel1" class="panel-collapse collapse in"> 
 
       <div class="panel-body"> 
 
        <input type="checkbox" class="tb1" />&nbsp;&nbsp;Yes<br><input type="checkbox"class="tb4" />&nbsp;&nbsp;No<br><br></div><br> 
 
       </div> 
 
      </div> 
 
     </div> 
 
     <div class="panel panel-default"> 
 
      <div class="panel-heading"> 
 
       <h4 class="panel-title"> 
 
        <a data-toggle="collapse" data-parent="#accordion" href="#collapseTwo">2. What is Bootstrap?</a> 
 
       </h4> 
 
      </div> 
 
      <div id="panel2" class="panel-collapse collapse"> 
 
       <div class="panel-body"> 
 
        <input type="checkbox" class="tb3" />&nbsp;&nbsp;Yes<br><input type="checkbox"class="tb4" />&nbsp;&nbsp;No<br><br></div><br> 
 
       </div> 
 
      </div> 
 
     </div> 
 
     
 

 
</body> 
 
</html>

Answer 1

Panel1 Флажок имеет класс ТЬ3, не ТВ1, как вы указали в коде Jquery.