javascript - 可以用 javascript 更改输入标签的名称吗？

Question

我想知道是否可以使用 javascript 或 jquery 更改输入标签的名称，例如在这段代码中:

<input type="radio" name="some_name" value="">

我想在用户选择此单选按钮时更改 some_name 值。

我想这样做的原因在这里描述:How might I calculate the sum of radio button values using jQuery?

Answer 1

简单 elem .name = "some other name"或 elem .setAttribute("name", "some other name")其中 elem 是您要更改的元素。

要在选择时执行此操作，请使用 onchange 事件:

<input type="radio" name="some_name" value="" onchange="if(this.selected) this.name='some other name'">

并将该行为应用于具有该名称的每个单选按钮:

var inputElems = document.getElementsByTagName("input");
for (var i=inputElems.length-1; i>=0; --i) {
    var elem = inputElems[i];
    if ((elem.type || "").toLowerCase() == "radio" && elem.name == "some_name") {
        elem.onchange = function() {
            if (this.selected) {
                this.name = "some other name";
            }
        };
    }
}

但是使用 jQuery 更容易。