• ベストアンサー

HTMLとJavaScriptのコードについて

□ 利用規約に同意する ご予約フォーム 上記「利用規約に同意する」のチェックボックスにチェックを入れるとその下にある「ご予約フォーム」ボタンが無効化から有効化に切り替わり、それをクリックすると別サイトのご予約フォームのページにジャンプできるコンテンツを作成したいのですが、HTMLとJavaScriptのコードをご教授頂ければと思います。よろしくお願い致します。

質問者が選んだベストアンサー

  • ベストアンサー
回答No.1

どっちもいらなかったりするCSSだけでできますよ。 https://proengineer.internous.co.jp/content/columnfeature/6493#24 これの、 「2.4. checked疑似クラスでチェックボックスをクリックした時の背景を指定する」 の部分を参考に、 チェックボックスにチェックがある場合とない場合で 別のCSSを割り当てができるので、 それを使って、SUBMITボタンの制御をすればOKです。 チェックがないなら、灰色+押せない チェックがあるなら、明るい色+押せるなど プログラムを使ってないので、完全に全自動で、 多くのサイトが使ってる手法になります。 なので、他のサイトのやり方を見て勉強するのが 一番ですが。↑のサイトで原理を最初に 学べば後は「あ~」でガンガン使っていけると思いますよ!。 ではでは

Nonresistance
質問者

お礼

多くのサイトで採用されている手法をご教授頂き、ありがとうございました。input[type="checkbox"]:checked + label を使って作成してみたいと思います。

全文を見る
すると、全ての回答が全文表示されます。

関連するQ&A

  • チェックボックスで表示・非表示させたボタン

    すみませんJavascriptについて全くの素人ですが、 チェックボックスをつくりチェックボックスの「利用規約に同意する」にチェックを入れると、表示するボタンからファイルをダウンロードさせたい。 下記のようにフリーのソースをhtmlに貼り チェックボックスをチェックでボタン表示まではできましたが そこから先、そのボタンからダウンロードさせるにはどうすればよいでしょうか? <div> 利用規約に同意された方のみご利用可能。<br /> 利用規約に同意しますか? <form> <input type="checkbox" name="agreement" value="1" onclick="this.form.btn.disabled=!this.form.btn.disabled" id="agreement"> <label for="agreement">同意する</label> <button type="submit" name="btn" disabled >ダウンロード</button> </form> </div> ダウンロードさせるファイルまでの相対パスは load/001.zipです。 全くの素人ですので簡単に記述できる ソースコードをどなたか教えていただけないでしょうか? どうかよろしくお願い致しますm(_ _)m

  • 最適なhttpステータスコード

    規約に同意しているかチェックし、規約に同意した人にしかサイトにアクセスさせないようにサイトを作りました。 同じURLで 1,規約に同意していない場合は  説明文と規約に同意します?しません?的な画面を表示します。 2,同意していれば通常のコンテンツを表示します。 この1の場合はhttpステータスコードは何番を返すべきでしょうか?

  • HTML,JavaScript,accessについて...

    HTML,JavaScript,accessについて... こんにちは。趣味でJavaScriptをしている者です。 さっそくですが、質問させていただきます。 html1とhtml2があるとします。 html1に記述してあるJavaScriptでaccessに接続しているときに、 html1のフォームのボタンを押したときに、テキストボックスの入力内容と、 accessにあらかじめ作成しておいたテーブルのレコードに格納されている 文字列データが一致した場合に、html2に移動できるようにしたいのですが、 そのためには、JavaScriptの関数から、accessへSQL文を送ると思うのですが、 どのようなSQL文を作成すればよいのでしょうか? なにぶん、しろうとですので、説明がわかりにくいかと思いますが、 もしよろしければ、解説していただけないでしょうか。 よろしくお願いします。

  • 【JavaScript?HTML?】Webページで

    【JavaScript?HTML?】Webページでこのページは戻ることは出来ませんと表示されました。 どうやったら、Webブラウザの戻るボタンを無効に出来るのですか?

  • JavaScriptでのPerl起動

    度々、失礼します。 安易にここで質問しようとは考えていないのですが・・・ フォームの外に起動ボタンがあって、 フォームの中のチェックボックスの値を次のCgiに引渡したいのですが、 (アンカー(ボタン)のOnclickでJavaScriptを起動しています。) チェックボックスの内容を渡す方法が分かりません。 どんな方法でも構いませんのでご存知の方、お教え願います。 お願いいたします。

    • ベストアンサー
    • Perl
  • PHPやjavascriptを無効にする方法

    PHP+MySQLで掲示板のようなものを作成しています。 投稿の際、HTML形式が利用できるようにしたいと思っています。 概ね完成したのですが、HTML形式で投稿できるということは、PHPやjavascriptのコードを投稿すれば、それらの機能も利用されてしまうことに気がつきました。 たとえば、投稿フォームから <?php //悪意のあるコード ?> と入力すれば、悪意のあるコードが実行されてしまいます。 そこで、投稿された部分のPHPやjavascriptだけを無効にする方法はないのでしょうか? あるいは$や{や;など、PHPやjavascriptなどで使用する記号を受け付けないようにすればいいのでしょうか? うまく説明できないので詳細は割愛しますが、「HTMLでの投稿をやめる」という選択ができないので悩んでいます。 どのような対処をすればいいのか、ご教授願います。 説明不足な点がありましたら、ご指摘いただければ補足します。 よろしくお願いいたします。

    • ベストアンサー
    • PHP
  • Javascript有効時のみ表示

    メールフォームの入力チェックでJavascriptを使っています。 単刀直入で申し訳ありませんが、 Javascriptが有効な場合のみ送信ボタンを表示させることは可能でしょうか? (無効な場合は送信ボタンが出ないようにしたいです。) スプリクトのサンプルページやわかる方がおられたら教えてください。

  • Javascript? チェックボックスと・・・・

    HTMLのチェックボックスやラジオボタンのタグで、 チェックをつけずに次の画面へアクションをおこすと ”チェックつけなさい”ポップアップ画面を表示させたいのですがJavaScriptなのでしょうか? 記述方法をよろしくお願いします。

    • ベストアンサー
    • Java
  • 多分簡単なJavaScriptなんだと思います。

    JavaScript初心者です。 チェックボックスが5つ有り、任意のチェックボックスをチェックして実行ボタンを押すと、sentakuという名前のテキストボックスにチェックしたボックスの値が代入されるjavascriptの記述を教えて下さい。 例えば、1番目と3番目と5番目に、チェックを入れて実行すると、テキストボックスsentakuには「1,3,5」と表示されるとベターです。

  • チェックボックスで選択したもののコードをカンマでつなぐ

    おせわになります。下記の様なHTMLフォームで、(□はチェックボックスです。) code | check| a002 | □ | a004 | □ | a008 | □ | a012 | □ | 例えばa002とa004とa012にチェックをつけると、あるテキストボックスに、「a002,a004,a012」と代入するJavascriptを教えて下さい。 その際制御が難しければ「a002,a004,a012,」と最後にカンマが入ってもかまいません。受取るCGI側で最後のカンマをけしますので・・・よろしくお願いします。