Aktivieren/Deaktivieren Sie alle Kontrollkästchen der Liste der Niederlassungen

Question

Mein Code sieht wie folgt aus.

$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(); 

Ich möchte auf irgendeine Weise alle Kontrollkästchen der Zweige für ausgewählten Kurs aktivieren/deaktivieren.

Für z.B. Im Bild unten sollte es eine Möglichkeit geben, alle Zweige des "Bachelor of Technology" auszuwählen und ähnlich, wenn "Master of Technology" ausgewählt wird, sollte es auch eine Möglichkeit geben, alle Zweige auszuwählen. Momentan muss ich manuell jeden Zweig aus verschiedenen Kursen auswählen.

UI of code above

Answer 1

Ich sehe, Sie haben getaggt jquery so dass ich diesen Ansatz gemacht. Sie können ein weiteres Kontrollkästchen fügen Sie es als wählen Sie alles, was Sie

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

Danach mit Jquery verwenden mit einem anderen etwas zu tun, wie diese

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

Sie den gleichen Ansatz für die anderen Register verwenden können, Kontrollkästchen mit einer anderen ID.