jQuery 按钮集不反射(reflect)更新

Question

我有一些使用 jQuery UI 和 jQuery 1.6+ 的单选按钮集

当某个 radio 被选中"is"时，另一个 radio 也被迫被检查。

<input type="radio" name="111" class="set111a" id="111a" value="1" />
<input type="radio" name="111" class="set111b" id="111b" value="0" checked="checked" />

<input type="radio" name="112" class="set112a" id="112a" value="1" />
<input type="radio" name="112" class="set112b" id="112b" value="0" checked="checked" />

这是我用来尝试强制其他 radio 进行检查的 jQuery 代码。

$("#112a").change(function() {
    if ($("#112a").is(":checked")) {
        $('#111a').prop("checked",true);
        $("#111b").prop("checked",false);
    }
});

它确实有效，但只有在检查数据时(通过提交表单)。它显示如果 112 是 1，那么 111 就是 1。但是，问题是这样的:“111”按钮的实际视觉部分仍然显示它被设置为“NO”(或值 0)。

Answer 1

试试，这是你想要做的

HTML

<input type="radio" name="111" class="set111a" id="111a" value="1" />
<input type="radio" name="111" class="set111b" id="111b" value="0" checked="checked" />

<input type="radio" name="112" class="set112a" id="112a" value="1" />
<input type="radio" name="112" class="set112b" id="112b" value="0" checked="checked" />

<input id="btn" type="button" value="Click after change"/>

JS

$("#112a").change(function() {
    if ($("#112a").is(":checked")) {
        $('#111a').click();
    }
});

$("#btn").click(function() {
    alert($("#111a").is(":checked"));
});

Demo here