[jQuery] Abrufen der Checkbox

  • [jQuery] Abrufen der Checkbox

    Moin,
    ich habe folgendes Problem: Ich habe eine HTML Site. Es ist sehr viel text darauf und ich möchte, dass wenn jemand eine checkbox anclickt, dass dann der text in spalten gesetzt wird.
    Ich hatte bis jetzt folgenden Code:
    [code syntax="javascript"]

    Quellcode

    1. if ($("input[name=col]").is(":checked")) {
    2. $("#content").css({"-webkit-column-count": "2", "-webkit-column-gap": "30px", "-webkit-column-rule": "1px solid #000"});
    3. } else if (!($("input[name=col]").is(":checked"))) {
    4. $("#content").css({"-webkit-column-count": "", "-webkit-column-gap": "", "-webkit-column-rule": ""});
    5. }
    [/code]

    Aber es tut sich nichts. Kann es sein, dass man das checken der Box erst "triggern" muss? Weil eine Checkbox UND ein Button wären ja sinnlos.
    Aber ich will auch kein Button.
    Danke schonmal,
    Flacx

    EDIT:
    Okeydokey. Hat sich nach suchen in jQuery API gelöst:

    Quellcode

    1. $("input[name=col]").on( "click",function () {
    3. if ($("input[name=col]").is(":checked")) {
    4. $("#content").css({"-webkit-column-count": "2", "-webkit-column-gap": "30px", "-webkit-column-rule": "1px solid #000"});
    5. } else if (!($("input[name=col]").is(":checked"))) {
    6. $("#content").css({"-webkit-column-count": "", "-webkit-column-gap": "", "-webkit-column-rule": ""});
    7. }
    10. });

    Das Funktioniert super :)

    Dafür hätte ich jetzt eine andere Frage: Ich will das die Checkbox bei Mobilgeräten (smartphones etc. ) von anfang an aktiviert ist... Geht das auch per jQuery?
    Ich habs mal so probiert funktioniert aber immer noch nicht;

    Quellcode

    1. if ($(document).width() <= 400) {
    2. $("input[name=col").attr("checked", "true");
    3. }
    Debuggers don't remove bugs, they only show them in slow-motion

    Dieser Beitrag wurde bereits 3 mal editiert, zuletzt von Flacx ()

  • Moin!

    Mit dem folgenden Code kannst du beispielsweise rausfinden, ob dein Client ein Mobiles Endgerät hat oder nicht:

    Quellcode

    1. var mobile = (/iphone|ipod|android|blackberry|mini|windows\sce|palm/i.test(navigator.userAgent.toLowerCase()));
    2. if (mobile || screen.width <= 600 ) {
    3. // do something
    4. }


    Zum Beispiel. Vielleicht hilft es dir ja weiter. :)

    Liebe Grüße
    Bodo06

  • Danke. Hat einwandfrei funktioniert. :)
    Um keinen neuen Thread aufzumachen frage einfach hier:
    Ich hänge jetzt seit einer Stunde hierdran und frage mich warum dieser simpelste Code nicht funktioniert:

    Quellcode

    1. $(document).ready(function () {
    4. $("#send").click(function (){
    5. if ($("#field").value == "") {
    6. alert("Please fill the field out before sending");
    7. }
    8. });
    12. });
    Alles anzeigen


    Hier der HTML code:

    Quellcode

    1. <div id="contact">
    3. <input type="text" id="field" />
    4. <span id="send">Send</span>
    8. </div>


    Ich habe schon probiert das mit JS statt jQuery zu machen. Das funktioniert. Auch das Event funktioniert. Nur bei der if condition funktionierts nicht.. Ich finde den (wahrscheinlich dämlichen und kleinen) Fehler einfach nicht. Der
    Code ist so simpel, da KANN man doch garnichts falsch machen. aaaargh
    Debuggers don't remove bugs, they only show them in slow-motion