php-resource



Zurück   PHP-Scripte PHP-Tutorials PHP-Jobs und vieles mehr > Entwicklung > HTML, JavaScript, AJAX, jQuery, CSS, Bootstrap, LESS
 

Login

 
eingeloggt bleiben
star Jetzt registrieren   star Passwort vergessen
 

 

 


HTML, JavaScript, AJAX, jQuery, CSS, Bootstrap, LESS Probleme mit HTML5, Bootstrap oder jQuery ?

Antwort
 
LinkBack Themen-Optionen Thema bewerten
  #1 (permalink)  
Alt 17-05-2019, 15:54
Prominenter
 Registrierter Benutzer
Links : Onlinestatus : Prominenter ist offline
Registriert seit: Apr 2004
Beiträge: 158
Prominenter ist zur Zeit noch ein unbeschriebenes Blatt
Standard 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
Mit Zitat antworten
Antwort

Lesezeichen


Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)
 

Themen-Optionen
Thema bewerten
Thema bewerten:

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are an


PHP News

Die RIGID-FLEX-Technologie
Die RIGID-FLEX-TechnologieDie sogenannte "Flexible Elektronik" , oftmals auch als "Flexible Schaltungen" bezeichnet, ist eine zeitgemäße Technologie zum Montieren von elektronischen Schaltungen.

06.12.2018 | Berni

ebiz-trader 7.5.0 mit PHP7 Unterstützung veröffentlicht
ebiz-trader 7.5.0 mit PHP7 Unterstützung veröffentlichtDie bekannte Marktplatzsoftware ebiz-trader ist in der Version 7.5.0 veröffentlicht worden.

28.05.2018 | Berni


 

Aktuelle PHP Scripte

Maqetta Open Source  HTML5-Editor ansehen Maqetta Open Source HTML5-Editor

Einen WYSIWYG-Editor zur visuellen Erstellung von Userinterfaces in HTML5 (Drag-and-Drop)

13.05.2019 Berni | Kategorie: HTML5/ EDITOR
NodeBB

NodeBB ist eine Foren-Software auf NodeJS-Basis

13.05.2019 Berni | Kategorie: PHP/ Forum PHP Software
EJS TreeGrid ansehen EJS TreeGrid

EJS TreeGrid is DHTML component written in pure JavaScript to display and edit data in table, grid, tree view or grid with tree on HTML page

09.04.2019 coqsoft@ | Kategorie: JAVASCRIPT/ Components
 Alle PHP Scripte anzeigen

Alle Zeitangaben in WEZ +2. Es ist jetzt 00:38 Uhr.