jQueryでチェックボックスのcheckedを調べる

仕様

チェックボックスをチェックすると、内容送信ボタンがactiveになる

HTML

データ属性でtriggerとtargetを指定する。

HTML

<input id="check" type="checkbox" data-trigger-agreement="agreement">
<label for="check">規約に同意する</label>
<button type="submit" data-target-agreement="agreement" style="opacity:0.4;pointer-events:none;"></button>

JS

javascript

var submitCheck = function(){
  var $trigger = $('[data-trigger-agreement]');
  var $target  = $('[data-target-agreement]');
  $trigger.on('click',function(){
    if ($trigger.prop('checked')){
      $target.css("opacity","1").css("pointer-events","auto");
    } else {
      $target.css("opacity","0.4").css("pointer-events","none");
    }
  });
};

$(function(){
	submitCheck();
});