установить два разных цвета флажка типа в форме, используя php codeigniter

Question

                <table class="table table-hover">
                    <tr>
                        <th>Sl.No</th>
                        <th> All </th>
                        <th>Regno.</th>
                        <th>Name</th>    

                  <!--<?php  echo "Core Subjects" ?> -->

                      <?php

                      foreach($getsubc as $rowc)

                      {
                        ?>

                        <td align="center">
                          <?php echo $rowc['subcode']; ?>
                          <input type="checkbox" id="check-all" onClick="toggle(this,<?php echo $rowc['markid']; ?>)" value="<?php echo $rowc['markid']; ?>" checked="checked" data-checkbox-class="icheckbox_square-green">
                      </td>


                      </div>
                      <?php
                      }

                      ?>
                      <!--  Elective subjects -->
                      <?php
                      foreach($getsube as $rowe)
                      {
                        ?>

                        <td align="center">
                          <?php echo $rowe['subcode']; ?> 
                          <input type="checkbox" id="check-all2" onClick="toggle(this,<?php echo $rowe['markid']; ?>)" value="<?php echo $rowe['markid']; ?>" data-checkbox-class="icheckbox_square-blue">
                      </td>


                      <?php

                      }?>


                                              </tr>
                                          <?php

                                    $sno=1;
                                    foreach($getstud as $row)

                                    {

                                      echo '<tr>'; ?>


                                    <?php
                                      echo '<td>'.$sno++.'</td>';

                                      echo '<td><input type="checkbox" value="' . $row['regno'] . '" name="regno[]"></td>';
                                      echo '<td>'.$row['regno'].'</td>';
                                      echo '<td>'.$row['name'].'</td>'; 

                                     ?>

                                     <?php  ?>

                                     <?php  foreach($getsubc as $row1)


                                       {?>

                       <td align="center"> <input type="checkbox" data-checkbox-class="icheckbox_square-green" name="friend_id[]"
                                      value="<?php echo $row1['markid'];?>" >


                                      </td>
                                      </td>
                                      </div>


                                       </td>
                                     </div>
                                 </div>

                                     <?php 
                                        } ?>


                                         <?php 




                      foreach($getsube as $row2)
                                       {

                                         ?>


                                         <td align="center"> <input type="checkbox" data-checkbox-class="icheckbox_square-blue"   name="friend_id[]" value="<?php echo $row2['markid']; ?>" /> </td>

                                      <?php
                                    }

                                      echo '</tr>';

                                    }
                                    ?>

                                        </table>


                      <script src="<?= base_url('assets/plugins/iCheck/icheck.min.js') ?>"></script>

                      $('input:checkbox').iCheck({
                          increaseArea: '25%' // optional
                      });
                      </script>


                      <script language="JavaScript">
                        function toggle(source, markid) {
                                checkboxes = document.getElementsByName(markid);
                                for(var i=0, n=checkboxes.length;i<n;i++) {
                                    checkboxes[i].checked = source.checked;
                                }
                        }
                      </script>

я изменяю код в соответствии с вашим решением.но не работает как цвет, так и метод select_all.что не так с этим кодом я меняю код соответственно вашему решению.но не работает как цвет, так и метод select_all.что не так с этим кодом

я изменяю код соответственно вашему решению.но не работает как цвет, так и метод select_all.что не так с этим кодом

Answer 1

Сначала измените iCheck инициализацию на:

$('input:checkbox').iCheck({
    increaseArea: '25%' // optional
});

Затем сделайте это на первом наборе:

<td align="center">
    <?php echo $row1['subcode']; ?>
    <input type="checkbox" id="check-all" onClick="toggle(this,<?php echo $row1['markid']; ?>)" value="<?php echo $row1['markid']; ?>" checked="checked" data-checkbox-class="icheckbox_square-green">
</td>

А потом на вашем втором сете:

<td align="center">
    <?php echo $row2['subcode']; ?> 
    <input type="checkbox" id="check-all2" onClick="toggle(this,<?php echo $row2['markid']; ?>)" value="<?php echo $row2['markid']; ?>" data-checkbox-class="icheckbox_square-blue">
</td>

Обратите внимание на использование атрибута data-checkbox-class для каждого из тегов input:checkbox. Который вы можете применять так же, как в таблицах данных.