チェックしていたら押せるボタンの反対は、、、?



チェックされていたらボタンを押せる

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>

チェックしてある状態から、
チェックが外れたらボタンが押せなくする

にはどうすればよいでしょうか?

回答の条件
  • 1人1回まで
  • 登録:
  • 終了:2016/05/24 23:32:36
※ 有料アンケート・ポイント付き質問機能は2023年2月28日に終了しました。

ベストアンサー

id:a-kuma3 No.1

回答回数4973ベストアンサー獲得回数2154

ポイント300pt

チェックボックスの方に 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/

他3件のコメントを見る
id:a-kuma3

あ、一歩遅れた X-|

2016/05/24 23:33:03
id:mikomeko

ご丁寧にありがとうございました!
助かりましたよ!

2016/05/25 06:41:18

コメントはまだありません

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

回答リクエストを送信したユーザーはいません