人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

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


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

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>

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

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

●質問者: mikomeko
●カテゴリ:ウェブ制作
○ 状態 :終了
└ 回答数 : 1/1件

▽最新の回答へ

1 ● a-kuma3
●300ポイント ベストアンサー

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


mikomekoさんのコメント
すいません。。詳しくなくわからないのですがJSの記述は変わりますか?

mikomekoさんのコメント
大丈夫でした! ありがとうございます。

a-kuma3さんのコメント
javascript は、質問にあるまま(一部分だけですけど)で良いです。 回答の最後に、javascript とかの動作を確認できるサイトに書いてみたリンクをつけているので、動きを確認してみてください。

a-kuma3さんのコメント
あ、一歩遅れた <tt>X-|</tt>

mikomekoさんのコメント
ご丁寧にありがとうございました! 助かりましたよ!
関連質問

●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ