jquery 启用和禁用按钮

nnvyjq4y 于 2023-10-17 发布在 jQuery

关注(0)|答案(3)|浏览(157)

我想启用和禁用按钮使用jQuery或JavaScript。
真实的情况是：如果我点击开始按钮，它会转到php表列，如果状态是运行状态，开始按钮被禁用，如果状态是停止状态，开始按钮需要启用。

jquery

来源：https://stackoverflow.com/questions/59763799/enable-and-disable-the-buttons

3条答案

按热度按时间

mo49yndu1#

jQuery('#button-id').attr('disabled', true);
jQuery('#button-id').attr('disabled', false);

您只需要更改disabled属性值

赞(0）回复(0）举报 2023-10-17

6ss1mwsb2#

请使用jQuery的Ajax。

$('#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/

赞(0）回复(0）举报 2023-10-17

kmynzznz3#

请检查下面的样本。如果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>

赞(0）回复(0）举报 2023-10-17

我来回答

jquery 启用和禁用按钮

3条答案

相关问题

热门标签

最新问答