2

Hola amigo quisiera ejecutar un boton solo una vez y que ya no se pueda dar otra vez click en Aceptar

            <div class="modal-footer">
                <button type="button" class="btn btn-default" id="btnCancelarPreviewFlashReport" data-dismiss="modal">Cancelar</button>
                <button type="button" class="btn btn-success" id="AgregarPreviewFlashReport" name="AgregarPreviewFlashReport"><span class="fa fa-check"></span> Aceptar</button>
            </div>

1

4 respuestas 4

6

Es necesario que agregues Javascript en este caso usar JQuery que al darle click() al botón que necesites se deshabilite, identificándolo por el ID.

Espero te sirva, saludos.

$( "#btnCancelarPreviewFlashReport" ).on( "click", function() {
  $(this).attr('disabled', true);
});

$( "#AgregarPreviewFlashReport" ).on( "click", function() {
  $(this).attr('disabled', true);
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="modal-footer">
                <button type="button" class="btn btn-default" id="btnCancelarPreviewFlashReport" data-dismiss="modal">Cancelar</button>
                <button type="button" class="btn btn-success" id="AgregarPreviewFlashReport" name="AgregarPreviewFlashReport"><span class="fa fa-check"></span> Aceptar</button>
            </div>

1

Se puede hacer también con Javascript puro, sin necesidad de librerías externas.

Por ejemplo, para deshabilitar el botón aceptar:

var btnAceptar=document.getElementById("AgregarPreviewFlashReport");
var disableButton = function() { this.disabled = true; };
btnAceptar.addEventListener('click', disableButton , false);
<div class="modal-footer">
  <button type="button" class="btn btn-default" id="btnCancelarPreviewFlashReport" data-dismiss="modal">Cancelar</button>
  <button type="button" class="btn btn-success" id="AgregarPreviewFlashReport" name="AgregarPreviewFlashReport"><span class="fa fa-check"></span> Aceptar</button>
</div>

Si se necesitara hacer lo mismo con el botón Cancelar bastaría con crear una referencia al elemento y asignarle el listener:

var btnCancelar=document.getElementById("btnCancelarPreviewFlashReport");
btnCancelar.addEventListener('click', disableButton , false);

Si son muchos elementos, se pueden seleccionar todos mediante una clase y asignarles el listener dentro de un forEach.

0

Podrias hacerlo con Jquery de esta manera:

$('#AgregarPreviewFlashReport').on('click',function() {
    $(this).prop("disabled",true);
});
-3

Una consulta donde puedo poner el query en el mismo archivo o en otro , alquien me podria dar un ejemplo porfa

<div class="modal fade" id="modalPreviewFlashReport" accesskey="-1" role="dialog" aria-labelledby="myModalLabel">

                <div class="modal-footer">

                    <button type="button" class="btn btn-default" id="btnCancelarPreviewFlashReport" data-dismiss="modal">Cancelar</button>
                    <button type="button" class="btn btn-success" id="AgregarPreviewFlashReport" name="AgregarPreviewFlashReport"><span class="fa fa-check"></span> Aceptar</button>
    </div>
 </div>

1
  • En base a la respuesta de @AlejandroGonzalez, un ejemplo valido sería así: Ejemplo Commented el 26 sept. 2018 a las 17:52

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.