jquery Bootstrap-Optionsfeld ändern

Question

Ich habe seit Stunden gekämpft, um einen Bootstrap-Radio-Button mit jquery setzen.

Kann mir jemand helfen, was ich falsch mache, unten ist eine Geige, die meinen Code zeigt.

Fiddle

<div class="btn-group" data-toggle="buttons"> 
    <label class="btn btn-xs btn-default active"> 
    <input type="radio" name="xx" value=""> 
    <span class="glyphicon glyphicon-unchecked"></span> 
    </label> 
    <label class="btn btn-xs btn-default"> 
    <input type="radio" name="xx" value="is"> 
    <span class="glyphicon glyphicon-ok"></span> 
    </label> 
    <label class="btn btn-xs btn-default"> 
    <input type="radio" name="xx" value="not"> 
    <span class="glyphicon glyphicon-remove"></span> 
    </label> 
</div> 


jQuery(function($) { 
    $('input:radio[name="xx"][value="is"]').prop("checked", true); 
}); 

Answer 1

Try this:

jQuery(function($) { 
    $('input:radio[name="xx"][value="is"]').click(); 
}); 

Answer 2

Ihr Code wird der Wert des Eingangs Ändern Sie wollen 'checked' aber die Bootstrap-Visuals Anzeigen sind nicht wirklich diesen Eingang. Damit diese Visualisierungen mit dem tatsächlichen Wert Ihrer Eingabe übereinstimmen, muss auch der active-Status zur <label> hinzugefügt werden.

Eine Möglichkeit, dies zu erreichen, ist die Verwendung eines Klickereignisses.

$('input').click();

Ein weiterer Grund ist unter Verwendung:

$('#your-button').button('toggle');

Dies wird die Schaltfläche des aktiven umzuschalten, wie in der Bootstrap-Dokumentation vorgeschlagen. Sie können mehr darüber lesen und wie Schaltflächen im Bootstrap funktionieren here.