bootstrap data-toggle = "toggle" aktiviert, nicht aktiviert von jquery

Ich benutze Bootstrap-Checkbox mit Data-Toggle = "Toggle" -Attribut. Ich möchte es mit jquery aktivieren und deaktivieren. Ich habe viele Möglichkeiten ausprobiert, aber es hat nicht funktioniert. Hier ist mein Code.bootstrap data-toggle = "toggle" aktiviert, nicht aktiviert von jquery

<input type="checkbox" data-toggle="toggle" data-size="small" id="checkbox1">

für Knopf klicken:

$("#checkbox").attr('checked',true);

Aber es funktioniert, wenn ich data-toggle="toggle" Attribut entfernen.

Jede Hilfe wird sehr geschätzt!

Danke.

Quelle

2016-06-23 Udara

einmal Versuchen mit Eigenschaft festlegen, '$ ("# Checkbox"). Prop ('geprüft' , true); ' – Satpal

id ist' 'checkbox1'', aber Sie verwenden' 'checkbox'' in jquery selector – Mani

Wenn Sie ** [this] (http://www.bootstraptoggle.com/) ** verwenden, verwenden Sie '$ ('# checkbox1'). BootstrapToggle ('on')' –

Vom documentation,

Verwenden

$('#checkbox1').bootstrapToggle('on')

richtig verwenden 0

Wenn Sie prop() oder attr() verwenden, ist es eine Abhilfe,

$('#checkbox1').prop('checked', true).change()

Quelle

2016-06-23 06:20:47

Vielen Dank, beide arbeiten – Udara

Es funktioniert, wenn Sie id name siehe Beispiel unten

<!DOCTYPE html> 
 
<html lang="en"> 
 
<head> 
 
    <title>Bootstrap Example</title> 
 
    <meta charset="utf-8"> 
 
    <meta name="viewport" content="width=device-width, initial-scale=1"> 
 
    <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css"> 
 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script> 
 
    <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script> 
 
</head> 
 
<body> 
 

 
<div class="container"> 
 
\t <input type="checkbox" data-toggle="toggle" data-size="small" id="checkbox1">Test 
 
\t 
 
</div> 
 

 
<script> 
 
$(document).ready(function(){ 
 
    $("#checkbox1").attr('checked',true); 
 
}); 
 
</script> 
 
</body> 
 
</html>

Quelle

2016-06-23 06:20:19 Mani

Sie diesen Code verwenden können.

JQuery-Code

$('#chk').prop('checked',true);

HTML-Code

<input type="checkbox" id="chk">

Live Demo

Quelle

2016-06-23 06:26:22 Developer

bootstrap data-toggle = "toggle" aktiviert, nicht aktiviert von jquery

Antwort

Verwandte Themen