我正在使用基于单选按钮的 jQuery 按钮集在网站上构建编辑器功能。当我将项目加载到编辑器中时，我需要设置选定的单选按钮，然后，当然，用户可以更改选项并将其保存到数据库中。当项目关闭时，我想将按钮集重置为默认值。
问题是，当我设置按钮集时，它会在我第一次选择每个项目时工作，然后它会崩溃并停止一起工作。
问题演示：http: //jsfiddle.net/kallsbo/vSmjb/
HTML：
<div id="dumpSec">
<input type="radio" name="security" id="r_public" value="public" class="rSec">
<label for="r_public"><i class="icon-globe"></i> Public</label>
<input type="radio" name="security" id="r_private" value="private" class="rSec">
<label for="r_private"><i class="icon-lock"></i> Private</label>
<input type="radio" name="security" id="r_link" value="link" class="rSec">
<label for="r_link"><i class="icon-link"></i> Anyone with the link</label>
</div>
<div>
If you use the buttons below you can programmatically select each of the radios in the buttonset once before it all breaks down...
</div>
<div>
<button id="nbr1">Select Private</button><br/>
<button id="nbr2">Select Link</button><br/>
<button id="nbr3">Select Public</button><br/>
</div>
JavaScript：
// Basic function
$("#dumpSec").buttonset();
$("#r_public").attr("checked", true);
$("#dumpSec").buttonset('refresh');
// Put in functions on the demo buttons
$( "#nbr1" )
.button()
.click(function( event ) {
$("#r_private").attr("checked", true);
$("#dumpSec").buttonset('refresh');
});
$( "#nbr2" )
.button()
.click(function( event ) {
$("#r_link").attr("checked", true);
$("#dumpSec").buttonset('refresh');
});
$( "#nbr3" )
.button()
.click(function( event ) {
$("#r_public").attr("checked", true);
$("#dumpSec").buttonset('refresh');
});
我已经尝试了很多事情，比如尝试为每个单选按钮触发标签的点击功能等等，但我找不到任何有效的方法。任何输入表示赞赏！