Question

我正在尝试使用另一个切换按钮启用/禁用某些按钮。

我正在尝试通过向按钮添加“有效”类来实现此功能，并且仅定位具有该类的按钮。

这是一个例子（那不起作用）：

$('#on-off').on('click', () => {
    $('#test').addClass('active');
    $('#indication').text('Test is active');
  });
  
  $('#test .active').on('click', () => {
    $('#result').text('Test was clicked!');
  });

<button id='on-off'>Toggle Test</button>
<div id='indication'></div>

<button id='test'>Test</button>
<div id='result'></div>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

完整代码为here。

Answer 1

您应该设置disabled property以启用或禁用它。您可以使用.prop()方法

另请注意#test .active将无效，因为其后代选择器和按钮没有子元素。

＆＃13;

$('#on-off').on('click', () => {
  $('#test').prop('disabled', !$('#test').prop('disabled'));
  $('#indication').text('Test is active');
});

$('#test').on('click', () => {
  $('#result').text('Test was clicked!');
});

＆＃13;

<button id='on-off'>Toggle Test</button>
<div id='indication'></div>

<button id='test'>Test</button>
<div id='result'></div>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

＆＃13;

如何使用其他按钮启用/禁用按钮？

1 个答案: