0

我有这个可折叠的

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

4

1 回答 1

1

它不起作用的原因是您必须refresh在使用 jQuery Mobile 或 jQuery UI 时更新元素。

这将起作用：

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

使用.prop()选中的值#no27设置为true。然后第二行#d27使用刷新单选按钮.checkboxradio("refresh")。

它在这里工作： http: //jsfiddle.net/ssKaV/，这是一个交互式切换示例：http: //jsfiddle.net/XxRvs/

于 2013-09-18T10:52:15.490 回答