지점 목록의 모든 확인란 선택/선택 취소

Question

내 코드는 다음과 같습니다.

$box = $ui->box() 
      ->title('Select Eligible Branches') 
      ->solid() 
      ->uiType('primary') 
      ->open(); 

    echo "Please select courses tab below.<br>"; 
    $myTabBox = $ui->tabBox(); 
    foreach ($courses as $key => $value) 
     $myTabBox->tab($key."_tab",$value['name']); 

    $myTabBox->open(); 

    foreach ($courses as $key => $course_details) { 
     $tab1 = $ui->tabPane() 
        ->id($key."_tab") 
        ->containerClasses('eligible_tabpane') 
        ->open(); 
     $table = $ui->table() 
        ->hover() 
        ->bordered() 
        ->responsive() 
        ->condensed() 
        ->width(12) 
        ->open(); 


     foreach ($course_details['branches'] as $k => $branch_detail) { 
      $f=0; 
      for($i=0;$i<sizeof($course_branch_id);$i++) { 
       if($course_branch_id[$i]==$branch_detail['course_branch_id']) 
       $f=1; 
      } 
      if($f==1){ 
       echo "<tr><td><label><input type='checkbox' name='eligible_cb[]' checked value='".$branch_detail ['course_branch_id'].'_'.$course_details['id']."'> ".$branch_detail['name']."</label></td></tr>"; 
      } 
      else{ 
       echo "<tr><td><label><input type='checkbox' name='eligible_cb[]' value='".$branch_detail ['course_branch_id'].'_'.$course_details['id']."'> ".$branch_detail['name']."</label></td></tr>"; 
      } 
     } 

     $table->close(); 
     $tab1->close(); 
    } 

    $myTabBox->close(); 
$box->close(); 

선택한 과정의 모든 확인란의 선택/선택을 해제하고 싶습니다.

예 : 아래 그림에서 '기술 학사'의 모든 지사를 선택하는 방법이 있어야하며 'Master of Technology'를 선택하는 경우 모든 지사를 선택하는 방법이 있어야합니다. 현재 나는 다른 과목에서 각 가지를 수동으로 선택해야합니다.

UI of code above

Answer 1

는 나는이 방법을 만들어 있도록 jQuery를 태그 한 참조하십시오. 당신은 서로, 당신은 다른 탭에 대해 동일한 접근 방식을 사용할 수 있습니다이

$('#checkAllBachelors').click(function(){ 
     if($(this).is(':checked')){ 
      $('.bachelors').prop('checked', true); 
     }else{ 
      $('.bachelors').prop('checked', false); 
     } 
    }); 

처럼 뭔가를 할 수 jQuery로 그 후 모든

<input type="checkbox" id="checkAllBachelors"> 

을이 같은 선택 사용하는 또 하나 개의 체크 박스를 추가 할 수 있습니다 다른 ID가있는 체크 박스.