使用 Jquery Mobile 选中和取消选中单选按钮

2023-11-23

我无法使用 jquery mobile 以编程方式检查一组复选框,我有以下代码:

<div data-role="fieldcontain"  id="div_radio" class="radiogroup">
    <fieldset data-role="controlgroup">
        <input type="radio" name="radio-pieces" id="radio-choice-1" value="3" checked="checked" />
        <label for="radio-choice-1">1 to 3</label>

        <input type="radio" name="radio-pieces" id="radio-choice-2" value="5"  />
        <label for="radio-choice-2">4 to 5</label>

        <input type="radio" name="radio-pieces" id="radio-choice-3" value="6"  />
        <label for="radio-choice-3">over 5</label>
    </fieldset>
</div>

如果我做:$("input[type='radio']:last").attr("checked",true).checkboxradio("refresh");一切都很完美,但这些都不起作用:

$("input[type='radio']:first").attr("checked",true).checkboxradio("refresh");
$("input[type='radio']:eq(0)").attr("checked",true).checkboxradio("refresh");
$("input[type='radio']:eq(1)").attr("checked",true).checkboxradio("refresh");
$("input[type='radio']:eq(2)").attr("checked",true).checkboxradio("refresh");

我怎样才能正确地操纵这些元素?取消选择所有复选框也可以正常工作:

$("input[type='radio']").attr("checked",false).checkboxradio("refresh");

似乎唯一起作用的复选框是最后一个。


它们都工作得很好。你只需要触发refresh on all input radio在组中。

$("input[type='radio']:first").attr("checked", "checked");
$("input[type='radio']").checkboxradio("refresh");

jsFiddle 是here.

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

使用 Jquery Mobile 选中和取消选中单选按钮 的相关文章

随机推荐