html チェックされたら推可能になるボタン

Posted 2021-05-11

$('#submit').prop('disabled', true);
$('#check').on('change', function() {
  if ( $(this).prop('checked') == false ) {
    $('#submit').prop('disabled', true);
  } else {
    $('#submit').prop('disabled', false);
  }
});

<input id="check" type="checkbox" /><label for="check">チェックを入れたらボタンが押せる</label>
<input id="submit" type="submit" value="Submit" />