jquery set checkbox checked
Ich habe bereits versucht alle möglichen Wege, aber ich wusste immer noch nicht, dass es funktioniert.
Ich habe ein modales Fenster mit einem checkbox
ich will, dass, wenn das modal öffnet, die checkbox
aktivieren oder deaktivieren Sie sollte auf der Grundlage einer Datenbank Wert. (Ich habe das bereits mit anderen Formular-Felder.) Ich begann zu versuchen, um es überprüft, aber es hat nicht funktioniert.
Meine html-div:
<div id="fModal" class="modal" >
...
<div class="row-form">
<div class="span12">
<span class="top title">Estado</span>
<input type="checkbox" id="estado_cat" class="ibtn">
</div>
</div>
</div>
und jquery:
$("#estado_cat").prop( "checked", true );
Ich habe auch versucht mit attr
und andere hier in den Foren, aber keine scheint zu funktionieren.
Kann mir jemand zeigen, der richtige Weg?
BEARBEITEN:
ok, ich bin wirklich hier etwas fehlt... ich kann es aktivieren/deaktivieren Sie mithilfe von code, wenn die check-box in der Seite, aber ist es ist in das modale Fenster, ich kann nicht. Ich habe versucht, Dutzende von verschiedenen Arten...
Habe ich ein link öffnen soll der modal -:
und jquery zu "hören" klicken, und führen Sie einige Operationen, wie das ausfüllen einige Textfelder mit den Daten aus der Datenbank. Alles funktioniert wie ich will, aber das problem ist, dass ich nicht gesetzt checkbox markiert/nicht markiert mit code. Hilfe bitte!
$(function() {
$(".editButton").click(function(){
var id = $(this).data('id');
$.ajax({
type: "POST",
url: "process.php",
dataType:"json",
data: { id: id, op: "edit" },
}).done(function( data ) {
//the next two lines work fine, i.e., it grabs the value from database and fills the textboxes
$("#nome_categoria").val( data['nome_categoria'] );
$("#descricao_categoria").val( data['descricao_categoria'] );
//then I tried to set the checkbox checked (because its unchecked by default) and it does not work
$("#estado_cat").prop("checked", true);
$('#fModal').modal('show');
});
evt.preventDefault();
return false;
});
});
InformationsquelleAutor der Frage psopa | 2013-02-23
Du musst angemeldet sein, um einen Kommentar abzugeben.
verwenden Sie die "prop" - Funktion :
Vor jQuery 1.6 (siehe user2063626 Antwort):
InformationsquelleAutor der Antwort singe Batteur
Unter all den vorgeschlagenen Antworten und deren Anwendung auf meine situation - zu versuchen, um zu überprüfen oder deaktivieren Sie ein Kontrollkästchen, basierend auf einer abgerufenen Wert true (das Kontrollkästchen ist aktiviert) oder false (soll nicht das Kontrollkästchen) - ich habe versucht, alle der oben genannten und festgestellt, dass mit .prop("checked", true) und .prop("checked", false) die richtige Lösung.
Kann ich nicht hinzufügen, Kommentare oder bis Antworten noch nicht, aber ich fühlte, das war wichtig genug, um fügen Sie das Gespräch.
Hier ist der longhand code für ein fullcalendar änderung, die sagt, wenn der abgerufene Wert "allDay" wahr ist, dann überprüfen Sie die checkbox mit der ID "even_allday_yn":
InformationsquelleAutor der Antwort eriknoyes
Dude versuchen folgenden code :
ODER
ODER
InformationsquelleAutor der Antwort
Da Sie sich in einem modalen Fenster (ob dynamisch oder in die Seite) Sie können den folgenden code verwenden, um Ihr Ziel zu erreichen: (ich lief in das gleiche problem auf meiner Website und das ist, wie ich es behoben)
HTML:
CODE:
In der oben genannten "kendoWindow" ist mein Fenster (bei mir ist dynamischer, aber ich kann auch dies tun, wenn das Anhängen eines Elements direkt in der Seite). Ich bin einer Schleife durch ein array von Daten ("queriesToAddToGroup"), um zu sehen, wenn alle Zeilen haben ein Attribut der KOPIE. Wenn dem so ist, will ich schalten Sie die Kontrollkästchen in das Fenster, legt das Attribut wenn ein Benutzer speichert die in diesem Fenster.
InformationsquelleAutor der Antwort KeyOfJ
Attribut"checked" 'Zecken' die checkbox, sobald es existiert. So aktivieren/deaktivieren Sie ein Kontrollkästchen, die Sie haben, um set/unset das Attribut.
Zur überprüfung der box:
Zum deaktivieren der box:
Zur Prüfung der geprüft-status:
Hoffe, es hilft...
InformationsquelleAutor der Antwort shadock
arbeiten.Stellen Sie sicher, dass true und false werden nicht in Anführungszeichen.
InformationsquelleAutor der Antwort user1849310
Können Sie schreiben, wie unten angegeben code.
HTML
jQuery
Hoffe, dass es für Sie arbeiten.
InformationsquelleAutor der Antwort Subir
Finden wird return array , so verwenden Sie [0], um zu bekommen, auch wenn es nur ein Element
wenn Sie nicht finden, dann
klappte in Mozilla Firefox für mich
InformationsquelleAutor der Antwort Arvin
Arbeitete für mich:
InformationsquelleAutor der Antwort Sergio Pulgarin
Versuchen, diese da, Sie sind mit jQuery UI wahrscheinlich (wenn nicht bitte kommentieren)
InformationsquelleAutor der Antwort user1428716
Haben Sie versucht mit
$("#estado_cat").checkboxradio("refresh")
auf deine checkbox?InformationsquelleAutor der Antwort J2N
Dieser funktioniert.
InformationsquelleAutor der Antwort Chetan Patel
Dies geschieht, weil Sie mit der neuesten version von jquery
attr('checked')
zurück'checked'
währendprop('checked')
zurücktrue
.InformationsquelleAutor der Antwort Rohan
Traf ich auch dieses problem.
und hier ist meine alte funktioniert nicht code
hier ist mein neuer code funktioniert jetzt:
so,der entscheidende Punkt ist, bevor es funktionierte ,stellen Sie sicher, dass die checked-Eigenschaft vorhanden ist und nicht entfernt wurde.
InformationsquelleAutor der Antwort Eddy
Set die check-box nach dem laden der modalen Fenster. Ich denke, Sie setzen die check-box vor dem laden der Seite.
InformationsquelleAutor der Antwort Vineeth Bhaskaran