Event in btn-group-toggle auslösen

didi577 · 3. November 2019

Hi,

ich habe folgenden HTML Code:

Code

<div id="auswahlSeite4" class="btn-group btn-group-toggle" data-toggle="buttons">
              <label class="btn btn-secondary">
                <input type="radio" name="options" id="optionJahr" autocomplete="off"> Jahr
              </label>
              <label class="btn btn-secondary">
                <input type="radio" name="options" id="optionQuartal" autocomplete="off"> Quartal
              </label>
              <label class="btn btn-secondary">
                <input type="radio" name="options" id="optionMonat" autocomplete="off"> Monat
              </label>
              <label class="btn btn-secondary active">
                <input type="radio" name="options" id="optionWoche" autocomplete="off" checked> Woche
              </label>
            </div>

Alles anzeigen

Bei Auswahl einer Option soll jeweils ein Event starten und PHP Code ausgeführt werden. Wie kann ich das ameffektivsten erreichen? PHP code ist vorhanden. Eine .js Klasse habe ich auch.

Gruß

DER · 3. November 2019

Was sind denn deine bisherigen Versuche?

Alles was Du brauchst, ist ein addEventListener(): https://www.javascript-kurs.de…urch-klick-auf-button.htm
Und Ajax um die Php Dateien auszuführen: https://www.javascript-kurs.de/ajax-einfuehrung.htm

Dabei sendest Du einfach eine Ajax Request, falls du einen Klick auf einen der Labels registriert hast.

didi577 · 4. November 2019

mir fehlte bislang der Anfang zur Problemlösung da ich mit dem Thema neu begonnen habe, ich werde deinen Links folgen und ggf. nochmal nachfragen

vielen Dank bis hierhin

Event in btn-group-toggle auslösen

Jetzt mitmachen!

Teilen