4580 Stimmen

Einstellung "checked" für ein Kontrollkästchen mit jQuery

Ich würde gerne so etwas tun, um ein Häkchen bei checkbox mit jQuery :

$(".myCheckBox").checked(true);

o

$(".myCheckBox").selected(true);

Gibt es so etwas?

0 Stimmen

Eine spezifischere (und sehr nützliche!) Frage, "Wie überprüfe ich ein Element in einem Kontrollkästchen, das nach Wert gesetzt ist?", können wir auch hier diskutieren, und ich habe eine Antwort unten gepostet.

0 Stimmen

Weitere Möglichkeiten, dies mit jQuery zu tun, finden Sie hier stackoverflow.com/a/22019103/1868660

0 Stimmen

Wenn Sie das onchange-Ereignis auslösen müssen, ist es $("#mycheckbox").click();

7voto

Gaurang Sondagar Punkte 687

Sie können ein Kontrollkästchen mit JavaScript auf verschiedene Weise überprüfen. Das sehen Sie unten.

  1. Erste Methode - $('.myCheckbox').prop('checked', true);

  2. Zweite Methode - $('.myCheckbox').attr('checked', true);

  3. Dritte Methode (zur Überprüfung der Bedingung, ob das Kontrollkästchen aktiviert ist oder nicht) - $('.myCheckbox').is(':checked')

6voto

anusha Punkte 2041

Sie können dies versuchen:

$('input[name="activity[task_state]"]').val("specify the value you want to check ")

6voto

Kenmeister Punkte 504

Wenn Sie zufällig Folgendes verwenden Bootstrap (vielleicht unbewusst) ...

$('#myCheckbox').bootstrapToggle('on')
$('#myCheckbox').bootstrapToggle('off')

http://www.bootstraptoggle.com/

6voto

Bearbeitet am 2019 Januar

Sie können verwenden: .prop( Eigenschaftsname ) - Version hinzugefügt: 1.6

p {margin: 20px 0 0;}
b {color: red;}
label {color: red;}

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <script src="https://code.jquery.com/jquery-1.10.2.js"></script>
</head>
<body>

<input id="check1" type="checkbox" checked="checked">
<label for="check1">Check here</label>
<p></p>

<script>
$( "input" ).change(function() {
  var $input = $( this );
  $( "p" ).html(
    "The .attr( \"checked\" ): <b>" + $input.attr( "checked" ) + "</b><br>" +
    "The .prop( \"checked\" ): <b>" + $input.prop( "checked" ) + "</b><br>" +
    "The .is( \":checked\" ): <b>" + $input.is( ":checked" ) + "</b>" );
}).change();
</script>

</body>
</html>

Zum Angular-Framework

Beispiel 1

In Ihrer .html-Datei

<input type="checkbox" (change)="toggleEditable($event)">

In Ihrer .ts-Datei

toggleEditable(event) {
     if ( event.target.checked ) {
         this.contentEditable = true;
    }
}

Beispiel 2

In Ihrer .html-Datei

<input type="checkbox" [(ngModel)]="isChecked" (change)="checkAction(isChecked ? 'Action1':'Action2')" />

2voto

Omar Odeh Punkte 33

Sie können dies tun, wenn Sie den Ausweis haben, um ihn zu überprüfen

document.getElementById('ElementId').checked = false

Und dies zum Abwählen

document.getElementById('ElementId').checked = true

1 Stimmen

Es funktioniert, aber das hat nichts mit Jquery zu tun.

CodeJaeger.com

CodeJaeger ist eine Gemeinschaft für Programmierer, die täglich Hilfe erhalten..
Wir haben viele Inhalte, und Sie können auch Ihre eigenen Fragen stellen oder die Fragen anderer Leute lösen.

Powered by:

X