stop/disable 按钮在 x 次点击后

Question

我有一个 table，您使用追加添加行。如何在 5 次点击或 5 次附加行或任何需要的数量后停止或禁用按钮？

这是代码：

<input class="btn btn-primary" type="button" id="addbutton" value="More names" 
title="Add more names">

<script type="text/javascript">
  var i = 1; 
$("#addbutton").click(function () {
    $("#table").append('<tr>'+
     '<td><input class="form-control input-lg" type="text" name="name" required />'+ 
'</td>'+
    '<td><button type="button" class="removebutton" title="Remove this row">X</button> 
</td></tr>').find("input").each(function () {
});
i++;
});;

$(document).on('click', 'button.removebutton', function () {
    $(this).closest('tr').remove();
    return false;
});
</script>

Answer 1

您想禁用该按钮，因此 HTML 中有一个属性，我们可以使用它。问题是，您应该保留 i == 0 而不是 1 的值。

if(i == 5){
$("#addbutton").attr('disabled','disabled');
}

这是添加禁用属性的方法。希望对您有所帮助。

stop/disable 按钮在 x 次点击后

stop/disable button after x amount of clicks

javascript

append

disable