Bestimmen, ob eine checkbox aktiviert ist mithilfe von jquery auf der Seite geladen

Ich bin noch Recht neu in jQuery, so verzeihen Sie mir, wenn dies nicht sinnvoll ist, die erste Runde.

Ich habe eine Reihe von Checkboxen (erlaubt, nicht erlaubt, verhandelbar), dass, wenn Sie schauen dürfen oder verhandelbar, es blendet einem anderen Satz von Kontrollkästchen, die über das onclick-Ereignis.

Das problem, das ich habe ist, dass wenn die Seite aktualisiert wird, möchte ich den zweiten Satz von Kontrollkästchen sichtbar sein, wenn Sie erlaubt werden oder verkäuflich sind, überprüft. Ich würde dies gerne getan werden, die beim laden der Seite, nicht durch eine click-oder change-events, wenn möglich.

Habe ich versucht, die verschiedenen Vorschläge zu anderen Themen nicht mit Glück.
eg: if ($("#id_pets_0").attr("checked")==true)

Ist das möglich?

Wenn jemand einen Vorschlag hat, bin ich Spiel für diese als gut.

UPDATE:
Das habe ich schon versucht.

$(function() {
   if ($("#id_pets_0").attr("checked")==true) {
        $("#dogs").show();
        $("#cats").show();
    }
    else {
        $("#dogs").hide();
        $("#cats").hide();
    }
});

UPDATE:
Dieser code funktioniert. Also ich weiß, dass es durch markieren der Kontrollkästchen für die click-Ereignisse mindestens.

$(function() {
    $('input#id_pets_0').click(function() {
    if ($(this).attr("checked")) {
        $("#id_pets_1").attr("checked", false);
        $("#dogs").show("slow");
        $("#cats").show("slow");
        return;
    }
    if ($("#id_pets_2").attr("checked")) {
        $("#dogs").show("slow");
        $("#cats").show("slow");
    }
    else {
        $("#id_dogs_0").attr("checked", false);
        $("#id_dogs_2").attr("checked", false);
        $("#id_cats_0").attr("checked", false);
        $("#id_cats_2").attr("checked", false);
        $("#dogs").hide("slow");
        $("#cats").hide("slow");
    }
});
});

InformationsquelleAutor bmeyer71 | 2011-03-14

5

Müssen Sie Haken bis zu der ready() Falle document es sei denn, Sie setzen alle Ihre Skripts nach HTML.

Außerdem müssen Sie die Verwendung der :checked - Selektor, um zu bestimmen, wenn der checkbox überprüft wird oder nicht.

Sollte dies funktionieren:
```
$(document).ready(function () {
        if ($('#id_pets_0 :checked')) {
            alert('Hello');
        }
    });
```
Lesen Sie mehr auf der :checked selector: http://api.jquery.com/checked-selector/
- So die OP machen könnte $("#id_pets_0").is(":checked");
- Ich habe tatsächlich versucht, diese option. Jedoch bin ich nur immer ein False zurück, obwohl die box tatsächlich geprüft wird.
- Können Sie uns etwas mehr code, mit zu arbeiten dann?
- Ich habe Hinzugefügt, was ich mit gearbeitet haben, so weit.
- Dies sollte es tun. Ich habe es getestet. 🙂
- Ich habe versucht, so etwas wie dieses vor ein paar Stunden, aber ich gab Ihnen eine versuchen als gut. Es funktionierte zunächst, aber wenn ich räumte die form und reloaded die Seite die Warnung kam, ohne die checkbox aktiviert ist. Könnte es sein, hob etwas von session-Variablen oder cookies?
- Nein, dieser code wäre nicht betroffen-Sitzung (wie es der client-Seite) und es gibt keine versteckten cookie-Funktion unter diesem.
- Ich bin wirklich verwirrt. Wie es scheint, sollte es etwas einfaches sein.
- Ich habe einige zusätzlichen code, den ich benutze für click-Ereignisse, die die Arbeit machen.
InformationsquelleAutor Mikael Östberg
1

Versuchen, diese http://jsfiddle.net/guanome/WzuMa/, es erkennt, wenn das Kontrollkästchen überprüfen, und wenn es nicht so ist.

Diese website hat eine Liste der Möglichkeiten, um zu überprüfen, ob die checkbox aktiviert ist.
http://jquery-howto.blogspot.com/2008/12/how-to-check-if-checkbox-is-checked.html
- Ja, ich habe Sie zu dieser Website als gut. Ich habe versucht, die .ist und die .attr Ansätze. Das problem ist, dass Sie beide scheinen zurück False auf einer Seite aktualisieren. Sie scheinen nicht zu erkennen, dass die box tatsächlich geprüft wird.
- Auf einer Seite aktualisieren oder einen postback? Wie ist die checkbox gecheckt? Im code?
- Die Funktion gepostet, dass ich in meiner Frage ist derzeit, wie ich bin-überprüfung.
- Haben Sie versucht, wickelte Sie in ein Dokument.ready-Funktion api.jquery.com/ready
- Ersetzen Sie die erste Zeile mit diesem $(document).ready(function() {
- Gleiche Sache. Nicht erkennen, dass das Kontrollkästchen aktiviert ist.
- Es sei denn, Sie haben etwas auf der server-Seite oder javascript-Code, ist die Einstellung überprüft, es wird immer false auf die Seite zu laden. Haben Sie server-side-code, den Sie noch nicht gepostet?
- Nichts server-Seite. Aber das Kennzeichen zeigt an, überprüft noch auf ein refresh, also das macht mich noch mehr verwirrt.
- Wie sehen Sie die Seite aktualisieren? Und das tun Sie eigentlich, wenn Sie das Kontrollkästchen aktivieren?
- Die Seite ist entweder aktualisiert mit den Suchergebnissen, oder wenn Sie einfach nur den browser aktualisieren (F5). Das Kontrollkästchen ist markiert, um zu definieren, die Suche oder verfeinern Sie die Suche nach der ersten Suche. Ich glaube nicht, verwenden Sie code, um das Kontrollkästchen, klicken Sie einfach auf die box in den browser.
- Ist es eine gesamte Seite neu laden oder ein ajax-Aufruf, "erfrischt" die Seite? Auch wenn die input-box wird geändert, bevor Sie die Taste F5 gedrückt und Sie Firefox verwenden, wird es manchmal zum tragen, dass die visuelle Wert, obwohl der dom hat es als "ungeprüft".
- Von der such-Seite die Seite mit den Ergebnissen, es ist nicht ein ajax-call. Ich bin mit Django, und es ist nur stur eine neue Seite mit einem neuen template, aber Erben aus der ursprünglichen Suche Vorlage. Ich habe versucht, den cache leeren und Strg-shift-r die Seite neu laden und es gibt mir das gleiche Ergebnis. Nun, ich dachte über diese ein wenig mehr, und Sie erwähnen das Problem mit FF, obwohl, es passiert in Chrome als auch Frage ich mich, ob es ein Problem mit der Django-views und templates.
InformationsquelleAutor guanome
0

Ich weiß, Sie wollen ein jQuery Antwort, aber haben Sie versucht, es nur mit javascript? Die Erklärung ist einfach genug, dass Sie wirklich nicht viel zu gewinnen mit Hilfe von jQuery.
```
if (document.getElementById("id_pets_0").checked) {
    $("#dogs").show();
    $("#cats").show();
}
else {
    $("#dogs").hide();
    $("#cats").hide();
}
```
Außerdem sind Sie absolut sicher, dass das Kontrollkästchen aktiviert ist, id_pets_0 und nicht die id wrapper für die checkbox?
- Das ist die id der Eingabe, dass die checkbox angegeben wird. Mit Ihrer Methode, sagt, dass id_pets_0 null ist...
- Wenn docoument.getElementById ist null zurückgeben, dann jquery gewann das Objekt nicht finden entweder (das ist, was die $("#") Selektor verwendet wird). Wie sind Sie mit der Erbringung der aktivierten Häkchen auf "aktualisieren"?
- Ich mache nichts spezielles für die Checkboxen. Sie sind entweder aktiviert oder deaktiviert aus früheren.
- $(function() { $('input#id_pets_0').klicken Sie auf(function() { können ersetzt werden, mit $('input#id_pets_0').live("click",function{} für Einfachheit
- Ich fand, dass wenn ich diese Funktion ausführen() { document.getElementById("#id_pets_0").checked=false } vor der Ausführung der eigentlichen check die Dinge scheinen besser zu funktionieren.
InformationsquelleAutor scrappedcola
0

Danke an alle, die antwortete. Ich hätte gedacht, dass diejenigen, die gearbeitet haben würde.

Was ich am Ende dabei war die Verpackung der Karte ein - /ausblenden-Optionen in einem Django-template if und verwenden Sie den Rahmen, die übergeben wird. Da ich die Erfassung der Auswahl von pets ich war in der Lage, verwenden Sie dann die if - oder ausblenden cats und dogs Auswahl Abschnitt.

InformationsquelleAutor bmeyer71

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.