[Erledigt] jquery ui buttonset

drsoong · 01.06.2011, 13:02

Hi

will nun auch mal die schöne JQuery-Welt mehr nutzen aber...

Ich kreiere folgendes:

Code:

    <div id="selectQuarters">
<input type="checkbox" name="q_[]" id="q_1" value="1" /><label for="q_1">Q1</label>
<input type="checkbox" name="q_[]" id="q_2" value="2" /><label for="q_2">Q2</label>
<input type="checkbox" name="q_[]" id="q_3" value="3" /><label for="q_3">Q3</label>
<input type="checkbox" name="q_[]" id="q_4" value="4" /><label for="q_4">Q4</label>
</div

Wandele es so in ein Jquery UI Buttonset:

Code:

$('#selectQuarters').buttonset();

und suche mich in der Doku zu Tode nach der Methode oder der Eigenschaft, die mir - hoffentlich per Array - mitteilt, welche Checkboxen denn nun angehackt sind bzw. irgendeine Representation der gewählten Werte.

Also z. B. ein Array mit den Werten 2,4 wenn Q2 und Q4 ausgewählt wurden.

Kann mir da mal jemand auf die Sprünge helfen?

PiXeL1337 · 01.06.2011, 13:09

So ca?

PHP-Code:

  var ids = new Array();
    jQuery.each($(".class:checked"), function(key, value){
        ids.push(value.value);
    });

Chriz · 01.06.2011, 13:17

Kommt darauf an, wie buttonset() das DOM verändert. Ich nehme aber mal an, dass name und id nicht geändert werden.

Code:

$("#selectQuarters input[name=q_[]]:checked").each(function() {
  alert($(this).attr("id") + " is checked");
});

drsoong · 01.06.2011, 13:43

Danke erst mal! Dummerweise ist es so, dass ein Klick auf die Schaltfläche die zugehörige Checkbox anscheinend nicht auf checked setzt. Folgendes

Code:

$('#testButton').click(function() {
        $('#selectQuarters input').each(function() {
          console.log($(this));  
        })
    });

produziert folgendes in der Konsole:

Zitat:

[
<input type="checkbox" name="q_[]" id="q_1" value="1" class="ui-helper-hidden-accessible">]
[input type="checkbox" name="q_[]" id="q_2" value="2" class="ui-helper-hidden-accessible">]
[<input type="checkbox" name="q_[]" id="q_3" value="3" class="ui-helper-hidden-accessible">]
[<input type="checkbox" name="q_[]" id="q_4" value="4" class="ui-helper-hidden-accessible">]

Also nirgendwo ein checked=checked, obwohl ich natürlich zwei Schaltflächen angeklickt habe.

nikosch · 01.06.2011, 13:49

Warum machst Du das nicht ohne jQ UI? Ist ne Trivialaufgabe in jQuery.

drsoong · 01.06.2011, 13:58

Zitat:

Zitat von nikosch

Warum machst Du das nicht ohne jQ UI? Ist ne Trivialaufgabe in jQuery.

Klar. Ich war nur gerade auf dem Trip, dass ich jetzt mal volles Hörnchen JQuery UI einsetze. Meine ersten Versuche mit UI allerdings. Dass das so ein Käse ist, habe ich ja nicht ahnen können. Kann es evtl. sein, dass es nicht Anspruch von Jquery UI ist, solche Funktionalität mitzuliefern? Vielleicht muß ich das ja perse alles selber implementieren?!

rudygotya · 01.06.2011, 17:25

Eigentlich ist das nur ein Wrapper, der aus dem ElementSet viele Buttons macht. Click binden => event target abfragen.

A la :

PHP-Code:

  $( function () {
    $( "#selectQuarters" ).buttonset().click( function ( ev ) {
        console.log( ev.target); // dein geklickter radiobutton
    } );
})

Edit: du kannst an beliebiger Stelle im Code z.B. per

PHP-Code:

   $( '#selectQuarters' ).find( ':checked' )

den aktiven Radiobutton abfragen.

Grüße Basti

drsoong · 01.06.2011, 17:32

O.K. habe zwar jetzt UI für die Erzeugung der Buttons genommen, den Rest aber über die üblichen JQuery Methoden geregelt. Haut hin. Danke. Auch an rudygotya, der gerade eben noch geantwortet hat.

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Thema bewerten
Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
PHP und jquery	mehlwurm	PHP Einsteiger	13	30.05.2011 23:09
Einfaches JQuery resize und scoll läuft nicht	smilla	JavaScript, Ajax und mehr	5	08.02.2011 20:44
jQuery, einem DOM-Knoten eine Payload anhängen	Chriz	JavaScript, Ajax und mehr	6	22.12.2010 15:31
jQuery - Text an Cursorposition einfügen	Koala	JavaScript, Ajax und mehr	5	11.11.2010 21:28
Bin noch ein Anfänger mit jquery bitte um hilfe	bomber007	JavaScript, Ajax und mehr	4	19.08.2010 23:34
[Erledigt] jQuery Slider - In eine Richtung sperren	Trainmaster	JavaScript, Ajax und mehr	2	08.08.2010 16:06
[Erledigt] Statistik mit jQuery	DJ_RhoxxZ	JavaScript, Ajax und mehr	6	25.07.2010 17:47
jquery: dialogbox funktioniert nicht	Dreamwatcher	JavaScript, Ajax und mehr	16	22.07.2010 18:22
jQuery findet Element nicht	ByStones	JavaScript, Ajax und mehr	8	11.06.2010 14:03
jQuery Plug scroll to - wie einbetten?	mxxxx	JavaScript, Ajax und mehr	5	24.04.2010 18:12
jQuery Ajax und $(this) Problem	halskrause	JavaScript, Ajax und mehr	8	01.03.2010 17:39
JQUERY - divs auf und zuklappen	sturmi	JavaScript, Ajax und mehr	5	04.06.2009 14:23
[Erledigt] jQuery Dateien nachladen	Phoscur	JavaScript, Ajax und mehr	7	14.03.2009 13:44
jQuery Plugin - so richtig?	stayInside	JavaScript, Ajax und mehr	5	23.02.2009 12:34
For Schleife mit jQuery	phpbeginner	JavaScript, Ajax und mehr	3	22.11.2008 22:35

01.06.2011, 13:02
drsoong Erfahrener Benutzer Registriert seit: 05.08.2008 Beiträge: 1.127	[Erledigt] jquery ui buttonset Hi will nun auch mal die schöne JQuery-Welt mehr nutzen aber... Ich kreiere folgendes: Code: <div id="selectQuarters"> <input type="checkbox" name="q_[]" id="q_1" value="1" /><label for="q_1">Q1</label> <input type="checkbox" name="q_[]" id="q_2" value="2" /><label for="q_2">Q2</label> <input type="checkbox" name="q_[]" id="q_3" value="3" /><label for="q_3">Q3</label> <input type="checkbox" name="q_[]" id="q_4" value="4" /><label for="q_4">Q4</label> </div Wandele es so in ein Jquery UI Buttonset: Code: $('#selectQuarters').buttonset(); und suche mich in der Doku zu Tode nach der Methode oder der Eigenschaft, die mir - hoffentlich per Array - mitteilt, welche Checkboxen denn nun angehackt sind bzw. irgendeine Representation der gewählten Werte. Also z. B. ein Array mit den Werten 2,4 wenn Q2 und Q4 ausgewählt wurden. Kann mir da mal jemand auf die Sprünge helfen? __________________ Es ist schon alles gesagt. Nur noch nicht von allen.


Mister Ad PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten

01.06.2011, 13:09
PiXeL1337 Benutzer Registriert seit: 12.11.2009 Beiträge: 90 PHP-Kenntnisse: Fortgeschritten	So ca? PHP-Code: `var ids = new Array(); jQuery.each($(".class:checked"), function(key, value){ ids.push(value.value); });` __________________

01.06.2011, 13:17
Chriz Moderator Registriert seit: 11.05.2008 Beiträge: 6.266	Kommt darauf an, wie buttonset() das DOM verändert. Ich nehme aber mal an, dass name und id nicht geändert werden. Code: $("#selectQuarters input[name=q_[]]:checked").each(function() { alert($(this).attr("id") + " is checked"); }); __________________ "Nuschel ich?" - "Was?"

01.06.2011, 13:49
nikosch moderatives Dielektrikum Registriert seit: 21.05.2008 Beiträge: 35.987 PHP-Kenntnisse: Fortgeschritten	Warum machst Du das nicht ohne jQ UI? Ist ne Trivialaufgabe in jQuery. __________________ -- One pixel is still too big. Please make it smaller. ASAP. Initiative Mittelstand. Die wichtigste Gestaltungsregel im Screendesign ist Pi mal Daumen des Arbeitgebers. --

01.06.2011, 17:25
rudygotya Erfahrener Benutzer Registriert seit: 28.05.2008 Beiträge: 2.094 PHP-Kenntnisse: Fortgeschritten	Eigentlich ist das nur ein Wrapper, der aus dem ElementSet viele Buttons macht. Click binden => event target abfragen. A la : PHP-Code: `$( function () { $( "#selectQuarters" ).buttonset().click( function ( ev ) { console.log( ev.target); // dein geklickter radiobutton } ); })` Edit: du kannst an beliebiger Stelle im Code z.B. per PHP-Code: `$( '#selectQuarters' ).find( ':checked' )` den aktiven Radiobutton abfragen. Grüße Basti __________________ ++++ Wieder einer ins Netz gegangen: Phishers Fritz zufrieden ++++ Blog Geändert von rudygotya (01.06.2011 um 17:33 Uhr).

01.06.2011, 17:32
drsoong Erfahrener Benutzer Registriert seit: 05.08.2008 Beiträge: 1.127	O.K. habe zwar jetzt UI für die Erzeugung der Buttons genommen, den Rest aber über die üblichen JQuery Methoden geregelt. Haut hin. Danke. Auch an rudygotya, der gerade eben noch geantwortet hat. __________________ Es ist schon alles gesagt. Nur noch nicht von allen.