支店の一覧のすべてのチェックボックスを選択/選択解除

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を使ってAS SELECTその後、すべての

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

を、それを使用する1つの以上のチェックボックスを追加することができます チェックボックスに別のIDを入力します。