Question

我有两个按钮，但我需要禁用并交替启用这两个按钮。因此，当我单击buttonx时，它将被禁用并且将启用buttony，然后当我单击buttony时它将被禁用并且buttonx将再次启用，但在我的代码中它不起作用。

<script>
$(document).ready(function() {
    $("#buttonx").click(function() {
        $('button').attr('disabled','disabled');
        });

    $("#buttony").click(function() {
        $('button').removeattr('disabled','disabled');
    });
});

Answer 1

试试这个，假设有问题的按钮是唯一带有类按钮的按钮

$(function() {
  $(".button").click(function() {
    $('button').not(this).attr('disabled',false);
    $(this).attr('disabled',true);
  });
});

还有一种无线电替代方案 Making radio buttons look like buttons instead

Answer 2

开头的代码：

$(document).ready(function() {
    $("#buttonx").click(function() {
        $('#buttony').removeAttr('disabled');
        $(this).attr('disabled', 'disabled');
    });

    $("#buttony").click(function() {
        $('#buttonx').removeAttr('disabled');
        $(this).attr('disabled', 'disabled');
    });
});

Answer 3

试试这个：

$(document).ready(function() {
  $("#buttonx").click(function() {
        $(this).attr('disabled','disabled');
        $('#buttony').removeAttr('disabled');
  });	

  $("#buttony").click(function() {
      $(this).attr('disabled','disabled');
      $('#buttonx').removeAttr('disabled');
  });
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.2.3/jquery.min.js"></script>
<button id="buttonx">
button 1
</button>

<button id="buttony">
button 2
</button>

交替禁用和启用按钮

3 个答案: