javascript - Jquery 单选按钮无法通过代码将值设置为更低的值

Question

我有一组类似于以下的单选按钮:

<label><input type="radio" name="GroupTypeOffUnitOnUnit" value="0">1:1</label>

<label><input type="radio" name="GroupTypeOffUnitOnUnit" value="1">Option</label>
<label><input type="radio" name="GroupTypeOffUnitOnUnit" value="2">Other Option</label>

我正在通过 AJAX 检索值，并且我已确认返回的值是正确的。但是，当我尝试以编程方式将该值设置为小于当前值的值时，例如当前值为 2，并且我尝试将其设置为 1，所选单选按钮仍然是带有 2 的按钮。另一方面，如果当前选定的单选按钮的值为 1，我可以将其设置为 2。

我觉得这可能与网页上按钮出现的顺序有关，因为较高的值出现在较低的值之后，但我正在尝试弄清楚。另外，这是我的 javascript 函数，应该检查新值。

function setRadioInputValue(targetid, name, value)
{
   $("#" + targetid + " input[name=" + name + "][value=" + value + "]").attr('checked', true);
}

Answer 1

您需要首先将所有目标输入的单选按钮的 checked 值设置为 false，然后将您想要的值设置为 true。否则，设置为 true 的“最高”(或最远子级)值将显示为已选中。

类似这样的事情:

function setRadioInputValue(targetid, name, value) {
    $("#" + targetid + "input[name=" + name + "]").each(function(it) {
        it.attr('checked', false);
    });
    $("#" + targetid + " input[name=" + name + "][value=" + value + "]").attr('checked', true);
}