Ankündigung

Einklappen
Keine Ankündigung bisher.

Multi Combobox selected

Einklappen

Neue Werbung 2019

Einklappen
X
  • Filter
  • Zeit
  • Anzeigen
Alles löschen
neue Beiträge

  • Multi Combobox selected

    Ich habe eine Bootstrap tabelle. Jede Zeile hat zum selektieren eine Combobox. In der Titelzeile befindet sich auch eine Combox. Ich möchte das wenn die Combobox in der Titelzeile selektiert wird alle Comboboxen der jeweiligen Zeile selektiert wird und wenn eine deselektiert wird auch die Combobox "Alle Selektieren" deselektiert wirrd.

    Wer kann mir hier kurz weiterhelfen, wie man soetwas realiseren kann.

    Danke

  • #2
    Zeig mal Deinen Ansatz..

    Kommentar


    • #3
      Bis jetzt sieht mein Ansatz wie folgt aus:

      Code:
      $(document).ready(function(){
          $("#datatable #checkall").click(function () {
                  if ($("#datatable #checkall").is(':checked')) {
                      $("#datatable input[type=checkbox]").each(function () {
                          $(this).prop("checked", true);
                      });
                  } else {
                      $("#datatable input[type=checkbox]").each(function () {
                          $(this).prop("checked", false);
                      });
                  }
              });
              
          $("#datatable input[type=checkbox]").click(function() {
                  if ( $(this).is(':checked') ) {
                     $("#datatable input[type=checkbox]").each(function () {
                          if ( $(this).id != 'checkall' ) {
                              if ( !$(this).is("checked") ) {
                                  $("#checkall").prop("checked", false);            
                              }
                          }   
                     });           
                  } else {    
                     $("#checkall").prop("checked", false);            
                  }
          });
      });

      HTML-Code:
      ...
      <div class="container-fluid">
                                   <form method="POST" action="" accept-charset="UTF-8" id="form" name="form" class="form-horizontal" enctype="multipart/form-data"><input name="_token" type="hidden" value="ZXxJtREuVmiSKNrk0i7B0E4cuSTFIUIayhepU0pq">
                          <table id="datatable" class="table table-striped table-hover table-condensed">
                  <thead>
                      <tr>
                          <th style='width: 15px'><img src="/images/darrow.png"></th>
                          <th style='width: 5px; text-align: center'><input id="checkall" name="checkall" type="checkbox" value=""></th>
                          <th style='width: 150px; text-align: center'>Status</th>
                          <th style='width: 25px; text-align: center'>Flagge</th>
                          <th>Name</th>
                          <th style='width: 25px; text-align: center' nowrap>ISO 639 Code</th>
                          <th style='width: 25px; text-align: center' nowrap>ISO 3166 Code</th>
                      </tr>
                  </thead>
                  
                  <tbody>
                                      <tr>
                          <td>1</td>
                          <td style='text-align: center'><input name="cid[]" type="checkbox" value="1"></td>
                          <td style='text-align: center'>
                              <div class="btn-group">
                                  <button type="button" class="btn btn-default"><img src="/images/yes.png"></button>
                                  <button type="button" class="btn btn-default"><img src="/images/star.png"></button>
                                  <button type="button" class="btn btn-default"><img src="/images/can_trash.png"></button>
                              </div>
                          </td>
                          <td style='text-align: center'><img src="/images/flags/United-Kingdom_24.png"></td>
                          <td><a href="/backend/language/1">english</a></td>
                          <td style='text-align: center'>en</td>
                          <td style='text-align: center'>gb</td>
                      </tr>
                                      <tr>
                          <td>1</td>
                          <td style='text-align: center'><input name="cid[]" type="checkbox" value="2"></td>
                          <td style='text-align: center'>
                              <div class="btn-group">
                                  <button type="button" class="btn btn-default"><img src="/images/yes.png"></button>
                                  <button type="button" class="btn btn-default"><img src="/images/star_off.png"></button>
                                  <button type="button" class="btn btn-default"><img src="/images/can_trash.png"></button>
                              </div>
                          </td>
                          <td style='text-align: center'><img src="/images/flags/Germany_24.png"></td>
                          <td><a href="/backend/language/2">deutsch</a></td>
                          <td style='text-align: center'>de</td>
                          <td style='text-align: center'>de</td>
                      </tr>
                                                      
                  </tbody>
              </table>
                  </form>     
                          </div>
      ...
      Dieses funktioniert noch nicht so ganz so reibungslos

      Kommentar


      • #4
        Du bindest 2 unterschiedliche 'clicks' an #checkall

        Kommentar


        • #5
          Ja ich weis. Würds vermeiden, weis nur nicht wie ich es hinbekommen könnte.

          Kommentar


          • #6
            als Hinweis...

            '$("#datatable thead #checkall....

            '$("#datatable tbody input[type=checkbox]").click(

            Kommentar


            • #7
              Noch ein anderer Hinweis. Du redest von Combobox und selected. Eine Combobox ist ein select! Was Du meinst heist checkbox.
              PHP-Manual ¡ mysql_* ist veraltet ¡ Debugging: Finde DEINE Fehler selbst ¡ Passwort-Hashing ¡ Prepared Statements

              Kommentar


              • #8
                Zitat von kaminbausatz Beitrag anzeigen
                als Hinweis...

                '$("#datatable thead #checkall....

                '$("#datatable tbody input[type=checkbox]").click(
                Danke

                Kommentar


                • #9
                  Zitat von Ulfikado Beitrag anzeigen
                  Noch ein anderer Hinweis. Du redest von Combobox und selected. Eine Combobox ist ein select! Was Du meinst heist checkbox.
                  Jep da hast du recht. meinte natürlich checkbox

                  Kommentar

                  Lädt...
                  X