jquery button ändern Farbe onclick
Ich habe mehrere buttons, die ich benutze, wenn Menschen eine Frage beantworten. Wie kann ich die Tasten die Farben wechseln, wenn eine person klickt auf den button? Ich weiß nicht, jquery, habe ich gesagt, dass es die beste Sache für diese
Hier ist der code, den ich für den html-Teil:
<div style="text-align: center;"><span style="line-height: 18px; font-family: Arial, Helvetica, sans-serif; font-size: 24px;">In the past three months, how often have you used marijuana?<br />
<p><input type="submit" value=" Never " name="btnsubmit" id="answer" style="width: 200px;" /></p>
<p><input type="submit" value=" Once or Twice " name="btnsubmit" id="answer" style="width: 200px;" /></p>
<p><input type="submit" value=" Monthly " name="btnsubmit" id="answer" style="width: 200px;" /></p>
<p><input type="submit" value=" Daily or Almost Daily " name="btnsubmit" id="answer" style="width: 200px;" /></p>
</span></div>
<div>
<p style="text-align: right;"><a onclick="window.open(this.href,'_parent');return false;" href="/mobile/Static2.aspx"><input type="submit" value=" Next " name="btnsubmit" style="width: 100px;" /></a></p>
</div>
Bin ich wirklich neu auf die Codierung so dass jede Art von Hilfe würde geschätzt!
$('#Antwort').klicken Sie auf( Funktion() { $(this).css({ 'background' : '#00ff00' }); }); Bitte finden Sie jQuery-Dokumentation für weitere details über die Funktionen und API
Ich hoffe, dies ist kein Hausaufgaben. Und was ist mit all diesen doppelten IDs. Dies ist 4 mal in Folge heute. Bitte beachten Sie, dass die IDs sind wohl eindeutig sein.
Nein, das ist nicht Hausaufgaben. Eine meiner Aufgaben ist die Aktualisierung einer website und ich bin versucht zu verschieben in eine neue Richtung, wie die Website-Funktionen. Ich bin nicht viel von einem coder!
Ich hoffe, dies ist kein Hausaufgaben. Und was ist mit all diesen doppelten IDs. Dies ist 4 mal in Folge heute. Bitte beachten Sie, dass die IDs sind wohl eindeutig sein.
Nein, das ist nicht Hausaufgaben. Eine meiner Aufgaben ist die Aktualisierung einer website und ich bin versucht zu verschieben in eine neue Richtung, wie die Website-Funktionen. Ich bin nicht viel von einem coder!
InformationsquelleAutor Sean6971 | 2013-04-26
Du musst angemeldet sein, um einen Kommentar abzugeben.
Klasse, Demo:- http://jsfiddle.net/BX6Df/
wenn Sie möchten wechseln Sie die Farbe jedes klicken, können Sie versuchen, diese:- http://jsfiddle.net/SMNks/
Aktualisierte Antwort für dein Kommentar.
http://jsfiddle.net/H2Xhw/
Sicher wird aktualisieren Sie die Fiedel in einen min.
hier gehen Sie jsfiddle.net/H2Xhw
Dies ist, was ich gesucht hatte, sorry, dass es so lange dauerte, es zu akzeptieren, aber hatte zu spielen, um nur ein bisschen etwas mit, um es an die Arbeit in meiner Dnn installation!
InformationsquelleAutor
Ich würde einfach erstellen Sie eine separate CSS-Klasse:
Dann fügen Sie die Klasse auf, klicken Sie auf:
Diese tun sollten, was Sie suchen, zeigt dieses jsFiddle. Wenn Sie neugierig auf die Logik mit der
?
und solche, die genannte ternäre (oder bedingte) Operatoren, und die nur eine präzise Art und Weise zu tun, die einfach, wenn die Logik zu überprüfen, ob die Klasse bereits Hinzugefügt wurde.Können Sie auch erstellen, die Fähigkeit zu haben, ein "on/off" Schalter fühlen sich durch wechseln der Klasse:
Gezeigt dieses jsFiddle. Nur ein Denkanstoß.
InformationsquelleAutor
Css:
InformationsquelleAutor
Fügen Sie diesen code in Ihre Seite:
Ein javascript läuft nur auf der Seite, wo es enthalten ist. Wenn Sie möchten, speichern Informationen, die Sie brauchen, um es zu speichern, irgendwo. Wie ein cookie zum Beispiel.
InformationsquelleAutor
Dann schließen Sie das jquery framework in Ihrem Dokument Kopf von einem cdn zum Beispiel:
Dann müssen Sie fügen Sie ein eigenes Skript zum Beispiel:
Dieser Teil ist eine Zuordnung von $ auf jQuery, also eigentlich ist es jQuery('selector').Funktion();
Finden Sie hier sterben-api von jquery, wo alle Funktionen aufgelistet sind, mit Beispielen und Erklärung: http://api.jquery.com/
InformationsquelleAutor