0

非表示の入力ボックスがあり、スパン要素を使用してチェックボックスの状態を変更していますが、チェックとチェックを外して切り替える方法がわかりません。

$('span.volume').click(function(){
    $(this).toggleClass('active');
    $('#mChatUseSound').toggle(); //this needs to toggle :checked
 });


<span class="volume"></span>
<input type="checkbox" id="mChatUseSound" style="display:none;" /></label>
4

2 に答える 2

2

この場合、 を使用する<label>と、オンとオフを切り替えるための JavaScript を記述する必要はありません。

<label class="volume" for="mChatUseSound">click</label>
<input type="checkbox" id="mChatUseSound" />

他のロジックを処理するスクリプトを書くだけです:

$('.volume').click(function(){
    $(this).toggleClass('active');
    //More logic
 });

デモ

于 2013-07-24T12:58:43.047 に答える