Включить и отключить кнопки - PullRequest
Новая
       1

Включить и отключить кнопки

0 голосов
/ 16 января 2020

Я хочу включить и отключить кнопки, используя jquery или javascript. Реальный сценарий: если я нажимаю кнопку «Пуск», он переходит к столбцу таблицы php, если статус находится в рабочем состоянии, кнопка «Пуск» отключается, если статус находится в остановленном состоянии, кнопку пуска необходимо включить.

Ответы [ 3 ]

1 голос
/ 16 января 2020

Пожалуйста, используйте Ajax от JQuery. 

$('#btn').click(function (e) {

    e.preventDefault()
    let btn = $(this)
    btn_disable(btn)

    $.ajax({
        url: 'your_url',
        method: 'your_method',
        data: {your_data}, //if you haven't data please type {}

        success: function (response) {
            btn_enable(btn)
        },

        error: function (XMLHttpRequest, textStatus, errorThrown) {
            btn_enable(btn)
        },

        complete: function (response) {
            btn_enable(btn)
        }

    })
})

function btn_disable(btn) {
    btn.attr('disabled', 'disabled')
    btn.addClass('disabled')
}

function btn_enable(btn) {
    btn.removeAttr('disabled')
    btn.removeClass('disabled')
}

Здесь вы можете узнать больше о Ajax: https://api.jquery.com/jquery.ajax/

1 голос
/ 16 января 2020

Пожалуйста, проверьте ниже образец. Если ответ API равен true, кнопка отключается, а если false, то включается 

<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
  $("button").click(function(){
    $.ajax({url: "ur_Api, success: function(result){
    if(result === true){
      $("#btn_status").attr('disabled', true);
      }
      else {
        $("#btn_status").attr('disabled', false);
    }});
  });
});
</script>
</head>
<body>

<div id="div1"><h2>Let jQuery AJAX Change This Text</h2></div>

<button id="btn_status">Status</button>

</body>
</html>
1 голос
/ 16 января 2020 
jQuery('#button-id').attr('disabled', true);
jQuery('#button-id').attr('disabled', false);

Вам просто нужно изменить значение атрибута отключенного

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...