我有一个可折叠的
<div data-role="collapsible" data-collapsed="true" id="d27" name="d27" class="ui-block-a">
<h4></h4>
<div class="ui-block-a">
<legend>D27: Yes or no?</legend>
</div>
<div class="ui-block-b">
<fieldset data-role="controlgroup" data-type="horizontal">
<input type="radio" name="radioName" id="si27" value="1" />
<label for="si27">Sì</label>
<input type="radio" name="radioName" id="no27" value="0" checked="checked" />
<label for="no27">No</label>
</fieldset>
</div>
</div>
在某些情况下,我希望通过编程方式将选中的值设置为“否”。如果我将收音机放在可折叠的外部,则可以完美地工作:
$('#no27').trigger("click");
里面不管用,我错过了什么?
我想我还没有理解jquery在html页面中查找元素的方式。如果你能指出一些有启发性的文章,那就太好了^^
1条答案
按热度按时间cgh8pdjw1#
它不起作用的原因是,在使用jQuery移动的或jQuery UI时,您必须对更新的元素进行
refresh
。这将起作用:
使用
.prop()
将#no27
的选中值设置为true
。然后第二行使用.checkboxradio("refresh")
刷新#d27
中的单选按钮。下面是它的工作原理:http://jsfiddle.net/ssKaV/,下面是一个交互式切换示例:http://jsfiddle.net/XxRvs/