javascript - 如何以编程方式刷新 jQuery Mobile 中的一组单选按钮？

Question

假设我有一组像这样的 3 个单选按钮:

<label for="a-1">A</label>
<input type="radio" name="a" id="a-1" value="1" />
<label for="a-2">A</label>
<input type="radio" name="a" id="a-2" value="2" />
<label for="a-3">A</label>
<input type="radio" name="a" id="a-3" value="3" />

将第一个 radio 设置为 checked="true" ala

$("input").eq(0).attr("checked", true);

JQM API for checkboxradio说如下:

$( ".selector" ).prop( "checked", true ).checkboxradio( "refresh" );

以编程方式设置单选按钮。

问题:
如果我需要将 radio 从一个按钮切换到另一个按钮怎么办？所以....

$("input").eq(1).trigger("click");

是否总是需要在我的点击处理程序上单独更新我的单选按钮，或者这不应该开箱即用吗？毕竟，当我有一个非 JQM 单选按钮组并触发对单选元素的点击时，之前选中的按钮会自动取消选中。

谢谢!

编辑:
简单的例子:

 var foo = '<input type="radio" checked="checked" name="a" id="a-1" value="1" />'  + 
           '<input type="radio" name="a" id="a-2" value="2" />' +
           '<input type="radio" name="a" id="a-3" value="3" />';
 $("div.ui-content").append( $(foo) );
 $(document.getElementById("a-2")).trigger("click");

这会生成三个单选按钮，第一个被选中。单击时，第二个 radio 被选中，第一个未被选中。

编辑:
JQM 示例:

$("div.ui-content").empty()
var bar = '<div data-role="controlgroup">' +
      '<input type="radio" name="a" id="a-1" value="choice-1" checked="checked">' + 
      '<label for="a-1">1</label>' +
      '<input type="radio" name="a" id="a-2" value="choice-2">' +
      '<label for="a-2">2</label>' +
      '<input type="radio" name="a" id="a-3" value="choice-3">' +
      '<label for="a-3">3</label>' +
      '</div>';
$("div.ui-content").append( $(bar) ).enhanceWithin();
$("input").eq(2).trigger("click").checkboxradio("refresh");

这将产生 2 个选择单选按钮。

Answer 1

我关注了你的link只需替换这个

$(document).on("click", "#btn2", function () {
    //$("#b-3").trigger("click").checkboxradio("refresh");
    $("[for=b-3]").trigger("click");
});

这对我来说是个骗局