javascript - 向页面添加新元素时出现 HTML ID 问题

Question

大家好，我有一个表单，我可以在其中动态添加一个新行，其中包含一个文本框和按下按钮时的复选按钮。但是我需要某种方式来知道在发布数据中按下了哪些复选按钮，因此需要一个由每个复选按钮上的 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);
});

任何人都可以建议一个好方法来帮助我了解帖子数据中的哪个文本字段、链接到哪个复选按钮，并知道它是否被按下了吗？

Answer 1

您可以使用 $('input[type=button]').val() 来获取单击按钮的值属性。或者您可以使用 $('input[type=button]').attr("name") 来获取按钮的属性名称。

要查看单选按钮是否被选中，请使用:$('#test').attr('checked');在这种情况下，您需要为您的复选框提供一个 ID“测试”。

例如:

var $template = $('.template');
$('input[type=button]').click(function() {
var name = $('input[type=button]').attr("name"); //Will return addNewRow
$('#test').attr('checked'); //Will return true or false for the radio/chekbox with the id test

$template.clone().insertAfter($template);
});