Kontrollkästchen jquery set aktiviert

Ich habe bereits alle möglichen Wege ausprobiert, aber ich habe es immer noch nicht zum Laufen gebracht. Ich habe ein modales Fenster mit einem checkboxIch möchte, dass beim checkboxÖffnen des Modals das Aktivieren oder Deaktivieren auf einem Datenbankwert basieren sollte. (Ich habe das bereits mit anderen Formularfeldern gemacht.) Ich habe versucht, es überprüfen zu lassen, aber es hat nicht funktioniert.

Mein 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 die jquery:

$("#estado_cat").prop( "checked", true );

Ich habe es auch mit versucht attrund andere hier in den Foren gesehen, aber keine scheint zu funktionieren. Kann mir jemand den richtigen Weg weisen?

EDIT: ok, mir fehlt hier wirklich etwas ... Ich kann mit Code aktivieren / deaktivieren, wenn sich das Kontrollkästchen auf der Seite befindet, aber es befindet sich im modalen Fenster, kann ich nicht. Ich habe Dutzende verschiedener Möglichkeiten ausprobiert ...

Ich habe einen Link, der das Modal öffnen soll:

und jquery, um den Klick zu "hören" und einige Operationen auszuführen, wie das Füllen einiger Textfelder mit Daten, die aus der Datenbank stammen. Alles funktioniert wie ich will, aber das Problem ist, dass ich das Kontrollkästchen nicht mit Code aktivieren / deaktivieren kann. 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;
    });     
});

Sie müssen die 'Prop'-Funktion verwenden:

.prop('checked', true);

Vor jQuery 1.6 (siehe Antwort von user2063626 ):

.attr('checked','checked')

Ich nahm alle vorgeschlagenen Antworten und wandte sie auf meine Situation an. Ich versuchte, ein Kontrollkästchen basierend auf dem abgerufenen Wert true (sollte das Kontrollkästchen aktivieren) oder false (sollte das Kontrollkästchen nicht aktivieren) zu aktivieren oder zu deaktivieren. Ich versuchte alle oben genannten und fanden heraus, dass die Verwendung von .prop ("geprüft", wahr) und .prop ("geprüft", falsch ) die richtige Lösung war.

Ich kann noch keine Kommentare oder Antworten hinzufügen, aber ich fand, dass dies wichtig genug war, um die Konversation zu erweitern.

Hier ist der Langzeilcode für eine vollständige Kalenderänderung, der besagt, wenn der abgerufene Wert "allDay" wahr ist, aktivieren Sie das Kontrollkästchen mit der ID "even_allday_yn":

if (allDay)
{
    $( "#even_allday_yn").prop('checked', true);
}
else
{
    $( "#even_allday_yn").prop('checked', false);
}

Alter versuchen Sie unten Code:

$("div.row-form input[type='checkbox']").attr('checked','checked')

ODER

$("div.row-form #estado_cat").attr("checked","checked");

ODER

$("div.row-form #estado_cat").attr("checked",true);

Das Attribut "markiert" aktiviert das Kontrollkästchen, sobald es vorhanden ist. Um ein Kontrollkästchen zu aktivieren / deaktivieren, müssen Sie das Attribut setzen / deaktivieren.

Zum Aktivieren des Kontrollkästchens:

$('#myCheckbox').attr('checked', 'checked');

Zum Deaktivieren des Kontrollkästchens:

$('#myCheckbox').removeAttr('checked');

Zum Testen des geprüften Status:

if ($('#myCheckbox').is(':checked'))

Ich hoffe es hilft...

Da Sie sich in einem modalen Fenster befinden (ob dynamisch oder auf der Seite), können Sie den folgenden Code verwenden, um Ihr Ziel zu erreichen: (Ich bin auf meiner Website auf dasselbe Problem gestoßen, und so habe ich es behoben.)

HTML:

<div class="content-container" style="text-align: right;">
    <input type="checkbox" id="QueryGroupCopyQueries">
    <label for="QueryGroupCopyQueries">Create Copies</label>                                                   
</div>

CODE:

$.each(queriesToAddToGroup, function (index, query) {
    if (query.groupAddType === queriesGroupAddType.COPY) {

        // USE FIND against your dynamic window and PROP to set the value
        // if you are using JQUERY 1.6 or higher.
        $(kendoWindow).find("input#QueryGroupCopyQueries").prop("checked", true);

        return;
    }

Im obigen "kendoWindow" ist mein Fenster (meins ist dynamisch, aber ich mache das auch, wenn ich an ein Element direkt auf der Seite anhänge). Ich durchlaufe ein Array von Daten ("queriesToAddToGroup"), um festzustellen, ob Zeilen das Attribut COPY haben. In diesem Fall möchte ich das Kontrollkästchen im Fenster aktivieren, mit dem dieses Attribut festgelegt wird, wenn ein Benutzer in diesem Fenster speichert.

.attr("checked",true)
.attr("checked",false)

Stellen Sie sicher, dass wahr und falsch nicht in Anführungszeichen stehen.

Sie können wie unten angegeben Code schreiben.

HTML

<input type="checkbox"  id="estado_cat" class="ibtn">

jQuery

$(document).ready(function(){
    $(".ibtn").click(function(){
        $(".ibtn").attr("checked", "checked");
    });
});

Hoffe es funktioniert für dich.

Wenn Sie diese Funktion für ein GreaseMonkey-Skript verwenden möchten, um automatisch ein Kontrollkästchen auf einer Seite zu aktivieren, beachten Sie, dass das einfache Festlegen der aktivierten Eigenschaft möglicherweise nicht die zugehörige Aktion auslöst. In diesem Fall wird das Kontrollkästchen wahrscheinlich "angeklickt" (und auch die aktivierte Eigenschaft festgelegt).

$("#id").click()

$("#divParentClip").find("#subclip_checkbox")[0].checked=true;

Find gibt ein Array zurück. Verwenden Sie daher [0], um zu ermitteln, ob nur ein Element vorhanden ist

Wenn Sie find nicht verwenden, dann

$("#subclip_checkbox").checked=true;

In Mozilla Firefox hat das für mich gut funktioniert

Arbeitete für mich:

$checkbok.prop({checked: true});

Versuchen Sie dies, da Sie wahrscheinlich die jQuery-Benutzeroberfläche verwenden (falls nicht, kommentieren Sie dies bitte).

 $("#fModal" ).dialog({
     open: function( event, ui ) {

     if(//some hidden value check which stores the DB value==expected value for
      checking the Checkbox)

         $("div.row-form input[type='checkbox']").attr('checked','checked');

    }
   });

Haben Sie versucht, $("#estado_cat").checkboxradio("refresh")auf Ihrem Kontrollkästchen zu laufen ?

Das funktioniert.

 $("div.row-form input[type='checkbox']").attr('checked','checked');

Ich bin auch auf dieses Problem gestoßen.

und hier ist mein alter funktioniert nicht Code

if(data.access == 'private'){
     Jbookaccess.removeProp("checked") ; 
    //I also have tried : Jbookaccess.removeAttr("checked") ;
 }else{
    Jbookaccess.prop("checked", true)
}

Hier ist mein neuer Code, der jetzt funktioniert:

if(data.access == 'private'){
     Jbookaccess.prop("checked",false) ;
 }else{
    Jbookaccess.prop("checked", true)
}

Stellen Sie daher vor dem Funktionieren sicher, dass die überprüfte Eigenschaft vorhanden ist und nicht entfernt wurde.

Dies liegt daran, dass Sie mit der neuesten Version von jquery attr('checked')zurückkehren, 'checked'während Sie prop('checked')zurückkehren true.

<body>
      <input id="IsActive" name="IsActive" type="checkbox" value="false">
</body>

<script>
    $('#IsActive').change(function () {
         var chk = $("#IsActive")
         var IsChecked = chk[0].checked
         if (IsChecked) {
          chk.attr('checked', 'checked')
         } 
         else {
          chk.removeAttr('checked')                            
         }
          chk.attr('value', IsChecked)
     });
</script>

Aktivieren Sie das Kontrollkästchen nach dem Laden des modalen Fensters. Ich denke, Sie aktivieren das Kontrollkästchen, bevor Sie die Seite laden.

$('#fModal').modal('show');
$("#estado_cat").attr("checked","checked");

Ich weiß, dass dies eine Jquery-Lösung erfordert, aber ich möchte nur darauf hinweisen, dass es sehr einfach ist, dies in einfachem Javascript umzuschalten.

var element = document.getElementById("estado_cat");
element.checked = 1;

Es wird in allen aktuellen und zukünftigen Versionen funktionieren.

<div class="custom-control custom-switch">
      <input type="checkbox" class="custom-control-input" name="quiz_answer" id="customSwitch0">
      <label class="custom-control-label" for="customSwitch0"><span class="fa fa-minus fa-lg mt-1"></span></label>
  </div>

Denken Sie daran, die ID und das for-Attribut zu erhöhen. Kontrollkästchen Für dynamisch hinzugefügten Bootstrap.

$(document).on('change', '.custom-switch', function(){
    let parent = $(this);
    parent.find('.custom-control-label > span').remove();
    let current_toggle = parent.find('.custom-control-input').attr('id');
    if($('#'+current_toggle+'').prop("checked") == true){
        parent.find('.custom-control-label').append('<span class="fa fa-check fa-lg mt-1"></span>');
    }
    else if($('#'+current_toggle+'').prop("checked") == false){
        parent.find('.custom-control-label').append('<span class="fa fa-minus fa-lg mt-1"></span>');
    }
})