jQuery，单选按钮的动态名称更改

Question

寻找类似的东西：

$("input:radio:checked").previous("name", "original_name").attr("name","new_name");

我尝试了这里看到的一些不同的东西，但大多得到错误：预期对象

任何帮助表示赞赏。

Answer 1

正如 Ben S 在您最初问题的评论中所写，为什么您需要更改名称？

假设您有

<input type="radio" name="myRadio" id="radioChoice1" value="radioChoice1Value" />
<input type="radio" name="myRadio" id="radioChoice2" value="radioChoice2Value" />

如果用户选择“radioChoice1”并单击提交，浏览器将发送

myRadio=radioChoice1Value 到您的 CGI 脚本。 您可以根据需要进行处理。

如果您坚持更改名称属性，我不确定代码中的“先前”方法是什么。

你能尝试一下，

$("input:radio:checked").attr("name","new_name");

看看是否有效吗？

我可以想象，如果您尝试更改名称属性，可能会出现跨浏览器问题。
您可以创建隐藏输入并存储用户选择的单选按钮的名称。

<input type="hidden" id="selectedRadioButton" />

$('#selectedRadioButton').val($("input:radio:checked").attr('name'));

编辑：

请发布您的 HTML，以便我可以告诉您什么样的值将发布到 CGI。

例如，如果

<input type="radio" name="transactionType" id="buy" value="buy" />
<input type="radio" name="transactionType" id="sell" value="sell" />

用户单击第一个单选按钮“购买”，则在 CGI 脚本中“transactionType”的值将为“购买”。

Answer 2

这是一个完成所请求的工作的 jQuery 脚本。 我用它来重命名表单上的所有 input=text 字段。 虽然我没有对单选或复选框做任何事情，但我添加了相关的案例陈述。 根据需要插入单选/复选框变换。

    function renameTextInputFields(ele) {
        var i = 0;
        $(ele).find(':input').each(function() {
            switch(this.type) {
                case 'text':
                    $(this).attr("name","textFieldNumber"+(++i));
                    break;
                case 'checkbox':
                case 'radio':
            });
    }

在 DOM 元素上调用此方法。 我自己正在表单中克隆一个 div。 div 有很多文本字段。 我像这样得到基本元素。

var clone = $('.classAssignedToMyDiv').clone(); 

它在 IE 8.x 和 Firefox 3.x 中运行良好

Answer 3

我同意其他人的观点，即有一个比重命名输入更好的解决方案。

话虽如此，并回答你原来的问题 - 我建议你将 id 分配给你的无线电输入，然后使用此代码：

$("#inputId").attr("name","new_name");

我不明白你对 .previous() 的使用 - 我可以在 jQuery 文档中没有找到它。