如何在jquery中触发一个可折叠的单选按钮的点击?

eivgtgni  于 2022-11-29  发布在  jQuery
关注(0)|答案(1)|浏览(141)

我有一个可折叠的

<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页面中查找元素的方式。如果你能指出一些有启发性的文章,那就太好了^^

cgh8pdjw

cgh8pdjw1#

它不起作用的原因是,在使用jQuery移动的或jQuery UI时,您必须对更新的元素进行refresh
这将起作用:

$("#no27").prop("checked", true);
$("#d27").find("input[type='radio']").checkboxradio("refresh");

使用.prop()#no27的选中值设置为true。然后第二行使用.checkboxradio("refresh")刷新#d27中的单选按钮。
下面是它的工作原理:http://jsfiddle.net/ssKaV/,下面是一个交互式切换示例:http://jsfiddle.net/XxRvs/

相关问题