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 el 26 sep. 2018 a las 17:52

Tu Respuesta

Al pulsar en “Publica tu respuesta”, muestras tu consentimiento a nuestros términos de servicio, política de privacidad y política de cookies

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