jQueryUI Radio/Check-Schaltflächen ändern sich nicht programmgesteuert

Question

Ich kann den Wert eines jQueryUI-Optionsfelds vorhersehbar lesen, ich kann es jedoch nicht programmgesteuert festlegen. Egal, mit welchen Methoden ich den Wert der Optionsschaltfläche ändere, die jQueryUI-Schnittstelle aktualisiert ihre Schnittstelle nicht.

<div id="radio"> 
    <input type="radio" name="radio" value="true" checked="checked" />Yes 
    <input type="radio" name="radio" value="false" />No 
</div> 

<script type="text/javascript"> 
    $('#radio').buttonset(); 

    // One of the many ways that won't work. 
    $('[name="radio"]:radio:checked').val("false"); 
</script> 

Answer 1

Sobald Sie den Wert aktualisieren, wie folgt aus:

$('[name="radio"][value="false"]').attr("checked", true); 

Sie müssen jQuery UI zu aktualisieren sagen, wie folgt aus:

$('#radio').buttonset("refresh"); 

You can give it a try here.

Answer 2

$('[name="state"]:radio:checked').attr('checked', true); // checked 
$('[name="state"]:radio:checked').removeAttr('checked'); // unchecked 

** HINWEIS **

$(':radio').val(); // same as $(':radio').attr('value'); 

So:

$(':radio[checked]').val(); // -> the value of the first checked radio button found 

Answer 3

ich tun in der Regel ein:

$('[name="radio"][value="false"]').attr("checked", true).trigger("change"); 

die buttonset („refresh“) Aufruf der Änderungsereignis gebunden ist, das ist einfach nicht ausgelöst, wenn Sie den Wert programmatisch sind zu ändern - auslösenden es löst manuell den ui Problem und Sie müssen sich nicht darum kümmern, wo die buttonset ist

Answer 4

ich tun in der Regel ein:

$('[name="radio"][value="false"]').prop("checked", true).trigger("change"); 

Bitte „prop“ anstelle von „attr“ zu ändern, die „geprüft“ verwenden Zustand.