javascript - 单击单选按钮后更改隐藏名称属性

Question

I have the need to change the name=' 'attribute of a hidden input when one of the radio buttons in a group is selected.

<input type="hidden" name="OptionName2" value="Premium Bundle Addons">
<input type="hidden" name="" value="PremiumBundleAddon">

HBO & Cinemax & Starz Package
<input type="radio" name="OptionValue2" value="3ITEM-HBO-CIN-STAR"><br />
HBO & Cinemax & Showtime Package
<input type="radio" name="OptionValue2" value="3ITEM-HBO-SHO-CIN"><br />
HBO & Showtime & Cinemax & Starz Package
<input type="radio" name="OptionValue2" value="ALL-HBO-SHO-CIN-STAR">

单击这些单选按钮之一时name=""需要更改。name="ADD"

这是我尝试过的，但我真的很努力使用 javascript。如果有人能帮我把它变笨，那就太棒了！

$(":radio").click(function () {
var inputValue = $this.val();
$(":hidden[name='opt2']").name() = "ADD";
});
});

Answer 1

据我所知，您没有任何带有 name 的隐藏元素opt2。你的意思是OptionName2？

此外，您用于更改名称的方法也不正确。

试试这个

$(":hidden[name='OptionName2']").attr("name", "ADD");

Answer 2

您可以为此使用简单的javascript..

只需添加id="changehid"到您的隐藏字段。

然后你可以使用这个函数来改变它：

function change() {
document.getElementById('changehid').name = "ADD";
}

干杯

翻转

编辑

这是代码： http: //jsfiddle.net/hCnyd/3/ 我用 Safari Inspector 对其进行了测试，并添加了名称。

http://i.stack.imgur.com/aXjIE.png