onClickボタンの有効化と無効化の間でセレクトボックスを切り替えるにはどうすればよいですか...
シナリオ: div をクリックすると#locked
、この div は別のクラス " icon-unclocked
" に切り替わり、selectbox が有効になります。#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);
});
});