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

当选择组中的一个单选按钮时，我需要更改隐藏输入的

name='

属性

<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">

---

据我所知，您没有任何名为

opt2

的隐藏元素。你是说

选项名称2

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

试试这个

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

---

您可以为此使用简单的javascript

只需将

id=“changehid”

添加到隐藏字段

然后，您可以使用此功能对其进行更改：

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

干杯

埃弗特

编辑

代码如下： 我用Safari Inspector测试了它，它添加了名称

---

表单的设计方式假定输入的名称保持不变，而值是变化的东西。您是否考虑过创建

name=“PremiumBundleAddon”

和

value=”“

，然后在单击按钮时将

值更改为
添加
？或者至少，保持
name=“ADD”
并将值从空设置为
PremiumBundleAddon
？这不是一个正确的jQuery表达式
$（“：hidden[name='opt2']”）。改为使用此
$（“：hidden[name='OptionName2']”）
您确定动态更改元素名称适合这种情况吗？是的，当选择其中一个单选按钮时，name=“ADD”是必要的，如果未选择任何单选按钮，则它将保持为空值。如果您的建议无效，则它仍然有效。。我刚试过。。我在答案中添加了一个链接，你可以在那里找到代码……哇，这里一定发生了什么事情，因为我复制/粘贴了你的代码，但当我尝试它时，它不起作用。不确定这是否重要，但它在一个WP页面上。编辑我已经创建了一个直接的HTML页面，它仍然不工作。所以我一定是做错了什么？？？我不知道。。当我测试代码（您可以看到预览）时，它可以工作。只需从JSFIDLE复制代码。。这一定有用..嗯，我会继续处理它，但是的，我直接从JSFIDLE复制/粘贴
function change() {
document.getElementById('changehid').name = "ADD";
}