将多个 div ID 增加 1 onclick()

Question

我有一个 <div>，textbox“4 radiobuttons(single group)”和一个“remove button”。顶部有一个按钮，上面写着 "ADD DIV"。当我单击添加 DIV 时，它会添加一个新的 div 和 "textbox"“4 个单选按钮（单组）”和一个 "remove button"。

使用 Javascript，创建了一个计数器来递增 textbox ID。现在我也想增加单选按钮组 ID。

这是蹩脚的笔： http://codepen.io/b0y/pen/YwGqWr

Answer 1

您可以执行以下操作：

向您的字段集添加 data-id 属性（如果您只想获取单选按钮组的下一个 ID，则不需要）：

<fieldset id="radio0" name="radioList" data-fieldset-id="0">

2.Then 在您的点击事件处理程序中，获取具有最高字段集数据 ID 值的字段集：

function getNextFieldSetCount() {

        var fieldsetCount = $('fieldset[data-fieldset-id]').length + 1;

        return fieldsetCount;

    }

3.If 您还想增加现有单选按钮组的值：

$('fieldset[data-fieldset-id]').each(function(index, element)) {
   $(this).attr('id', 'radio'+ parseInt($(this).attr('data-id'))+1);
}

Answer 2

如果你只想给元素一个唯一的 id，你可以使用 time 作为元素 id

var n = new Date().getTime();

将多个 div ID 增加 1 onclick()

increment multiple div ids by 1 onclick()

html

javascript

onclick