CheckboxGroup as Radiogroup

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

  • CheckboxGroup as Radiogroup

    Hi@all

    Ich bin gerade am verzweifeln und bekomme diese Funktion einfach nicht zurechtgebastelt.

    Also:
    Ich erstelle dynamisch mehrere Checkboxen welche auch als Gruppe zusammengefasst werden - über eine Klasse.
    Insgesamt haben die Checkboxen mehrere Klassen.
    Die zur Trennung erforderliche Klasse hänge ich am Ende an

    PHP-Code:

    chb_class 
    "chb_"+groupname_class;
    ...
    input this._createCheckboxElement(chb_class,checked);
    ...
    <
    input class="leaflet-control-layers-selector chb_01" type="checkbox">
    <
    input class="leaflet-control-layers-selector chb_02" type="checkbox">
    <
    input class="leaflet-control-layers-selector " type="checkbox">
    <
    input class="leaflet-control-layers-selector " type="checkbox">
    <
    input class="leaflet-control-layers-selector " type="checkbox">
    <
    input class="leaflet-control-layers-selector chb_02" type="checkbox">
    <
    input class="leaflet-control-layers-selector chb_02" type="checkbox">
    … 
    Dann sollen sich die Checkboxen Gruppen wie Radiogroups verhalten.
    Das versuche ich hiermit zu realisieren.

    PHP-Code:

    // CheckboxGroup as Radiogroup
    $("input[type=checkbox]").click(function() {
    var 
    this_class = ($(this).attr('class'));
    if(
    this_class.indexOf(' ') > 0) {
        var 
    lastWord this_class.substr(this_class.lastIndexOf(" ") + 1);  // ='chb_xxxxxx'
        //console.log (lastWord);
        // andere checkbox mit gleicher class deaktivieren und diese aktivieren
        
    $("."+lastWord).prop('checked'false);// uncheck other Checkbox from this Group
        
    $(this).prop('checked'true);// chek this Checkbox of this Group
    }
    });
    … 
    Aber irgendwie funktioniert es nicht so wie ich gern hätte

    Der ganze Verzeichnisbaum soll am Ende so aussehen

    Erster Eintrag (Checkbox)
    Zweiter Eintrag (Checkbox)
    Inhalt 1 (RadioGroup)
    Inhalt 2 (RadioGroup)
    Inhalt 3 (RadioGroup)
    Dritter Eintrag (Checkbox)
    Vierter Eintrag (Checkbox)
    Inhalt 4_1
    Inhalt 4_2
    Inhalt 4_3
    Fünfter Eintrag (Checkbox)
    ...

    Die jeweiligen Elternelemente sollen sich ganz normal verhalten (an/aus)
    Die RadioGroups verhalten sich so wie sie sollen.

    Jetzt möchte ich folgendes erreichen:
    Wenn ich ein Elternelement anklicke, sollen alle zugehörigen Kinder deaktiviert werden, wenn ich ein Kindlement (Radioelement) anklicke soll das zugehörige Elternelement deaktiviert werden.

    Ich hoffe ich konnte mich verständlich ausdrücken.

    Thx@all
Lädt...
X