向页面添加新元素时会出现POST DATA问题


POST DATA issues when adding new elements to the page

嗨,我有一个表单,在其中我动态添加了一个新行,该新行由一个文本框和按钮按下时的复选按钮组成。然而,我需要某种方法来知道在发布数据中按下了哪些复选按钮,因此需要一个由每个复选按钮上的ID组成的值字段,代码如下:

<div id='1'>
    <div class="template">
        <div>
            <label class="right inline">Response:</label>
        </div>
        <div>
            <input type="text" name="responseText[]" value="" maxlength="400" />
        </div>
        <div>
            <input type="radio" name="responseRadio[]" value="" />
        </div>
    </div>
    <div>
        <input type="button" name="addNewRow" value="Add Row" />
    </div>
</div>

JS添加新行:

var $template = $('.template');
$('input[type=button]').click(function() {
    $template.clone().insertAfter($template);
});

有人能提出一个好的方法来帮助我在帖子数据中知道哪个文本字段,链接到哪个复选按钮,并知道它是否被按下了吗?

目前,如果你要添加3行并检查第3行,我无法确定第三行是按下按钮的-这是我的问题

克隆后,更改名称以了解此输入

还有一个用于命名的计数器也很好:

类似:'somename[myInput' + counter + ']'

更新:

var counter = 0;
var $template = $('.template');
$('input[type=button]').click(function() {
    counter++;
    $template.clone().attr('name' , 'somename[myInput' + counter + ']').insertAfter($template);
});

现在您有了名为:somename的数组,您可以在表单处理程序上对其内容进行循环。