チェックしていたら押せるボタンの反対は、、、?
チェックされていたらボタンを押せる
HTML
<input id="checkBtn" type="checkbox">
<input id="submitBtn" class="mt40 mb60" type="submit" value="" disabled onClick="window.open('http://www??')">
jqueryあり
$("#checkBtn").on("change", function() {
$(this).is(":checked") ? $("#submitBtn").prop("disabled", !1) : $("#submitBtn").prop("disabled", !0)
というお申し込みボタンのようなものがあるのですが、
これを反対に、
<input id="checkBtn" type="checkbox" checked>
チェックしてある状態から、
チェックが外れたらボタンが押せなくする
にはどうすればよいでしょうか?
チェックボックスの方に checked 属性を指定して、submit ボタンの方の disabled を削除します。
<input id="checkBtn" type="checkbox" checked>
<input id="submitBtn" class="mt40 mb60" type="submit" value="" onClick="window.open('http://www??')">
「反対」というか、初期状態が違うだけですよね(初期状態が反対、とは言えるか)。
jsFiddle で試したのがこちら。
https://jsfiddle.net/1hj2qbrs/