将多个div id增加1 onclick()

时间:2015-12-24 05:33:47

标签: javascript html onclick

我有<div> textbox&#34; 4 radiobuttons(single group)&#34;和&#34; remove button&#34;。 顶部有一个按钮,上面写着&#34; ADD DIV&#34;。当我点击ADD DIV时,它会添加一个带有&#34; textbox&#34;的新div。 &#34; 4个radiobuttons(单组)&#34;和一个&#34;删除按钮&#34;。

使用Javascript,创建了一个计数器来增加textbox ID&#39。现在我想增加单选按钮组ID。

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

2 个答案:

答案 0 :(得分:0)

您可以执行以下操作:

  1. 将data-id属性添加到字段集中(如果您只想获取单选按钮组的下一个ID,则不需要这样做):

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

  2. 2.然后在您的点击事件处理程序中,获取具有最高字段集数据ID值的字段集:

    function getNextFieldSetCount() {
    
            var fieldsetCount = $('fieldset[data-fieldset-id]').length + 1;
    
            return fieldsetCount;
    
        }
    

    3.如果您想增加现有单选按钮组的值:

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

答案 1 :(得分:0)

如果你想给元素一个唯一的id,你就可以将时间用于元素id

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