チェックボックスにチェックが入るまでsubmitボタンが押せないようにするjQuery

よくformとかで、submitボタンの上に

『上記の規約に同意する』チェックボックスがあって、

それにチェックを入れないと

submitボタンを押すことができないみたいなの目にしますよね。

あれがしたかったので、jQueryで実装してみました。

サンプルコード 

HTML

<input type="checkbox" id="aa">上記の規約に同意する
<input type="submit" id="bb">  

jQuery

$(function( ){
  $('#bb').attr('disabled', 'disabled');
  $('#aa').click(function( ){
    if( $(this).prop('checked') == false ){
      $('#bb').attr('disabled', 'disabled');
    }else{
      $('#bb').removeAttr('disabled');
    }
  });
});

id="aa"がチェックボックスで、id="bb"がsubmitボタンです。

jQueryで、まずsubmitボタンをdisabledして押せないようにし、

その後、チェックボックスをクリックされた時に

チェックボックスにチェックが入っていなかったら(false)、submitボタンにそのまま

disabledをつけたままにし、

チェックが入った場合、disabledをとる(removeAttr)。

という感じの動作です〜。