如果我不知道ID

时间:2019-01-05 14:23:48

标签: javascript jquery html

默认情况下,一个带有复选框的文本字段是默认的,并且设置了id。单击​​按钮时,会添加更多复选框以及递增的id。

   <li id="try-0"><input class= "box" type="checkbox"><input 
  class="set field" name="list[]" type="text" value=""></li>
   <button class="btn btn-info" id="btn1">add</button>


   $("#btn1").click(function (event) {
            event.preventDefault();
           $('#new').append('<li" id="try-'+x+'"><input class= "box" type="checkbox"><input  name="list[]" class="set field" type="text" value=""></li>');
            x++;   

       });

因此在文本框和复选框的否之后:如果我随机单击任何复选框,如何找到该复选框的ID

1 个答案:

答案 0 :(得分:0)

为您的复选框提供一个适当的class并设置data-id属性,如

<input type="checkbox" class="select-checkbox" data-id="1"></input>

然后您可以从data-id属性中获取选中的复选框ID,例如

$('body').on('click', '.select-checkbox', function(){
    var checkbox = $(this);
    if(checkbox.prop("checked")){
       console.log(checkbox.attr("data-id"));
    }        
});