Tengo una tabla y agregas filas usando append. ¿Cómo detengo o deshabilito el botón después de 5 clics o 5 filas adjuntas o cualquier cantidad necesaria?
este es el codigo:
<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>Desea deshabilitar el botón para que haya un atributo en HTML, podemos usarlo. La cuestión es que deberías mantener el valor de i == 0 en lugar de 1.
if(i == 5){ $("#addbutton").attr('disabled','disabled'); }Así es como puede agregar un atributo deshabilitado. Espero que esto te ayude.