如何在启用和禁用 onClick 按钮之间切换选择框...
场景:
如果我点击 #locked div，该 div 应与另一个类“icon-unclocked”切换，并且应启用选择框。如果我再次单击“#locked”，则应禁用选择框，并且必须删除“icon-unclocked”。
第一部分(toggleClass)工作得很好..但是在启用/禁用选择框时遇到问题...
请检查下面的代码...
HTML:
<div class="icon-locked" id="locked"> </div>
<select class="form-control" id="signontype" disabled>
<option>Option 01</option>
<option>Option 02</option>
</select>
jQuery:
$(document).ready(function(){
$( "#locked" ).click(function() {
$( this ).toggleClass( "icon-unlocked" );
$('select#signontype').prop('disabled', false);
});
});
最佳答案
试试这个:
$("#locked").click(function () {
$(this).toggleClass("pulse-icon-unlocked");
$('select#signontype').prop('disabled', !$(this).hasClass("pulse-icon-unlocked"));
});
您可以检查#locked是否具有类pulse-icon-unlocked
关于jQuery - 启用禁用(切换)选择框 onClick 按钮，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/30620804/