23歳の事務系OLです。
今、ホームページを作っているのですが、チェックボックスにチェックを入れないと、申し込めないようにするためのスクリプトってどうやって書いたらいいんでしょうか?
わかる方いたら、お願いします><
下記の様な感じです。お願いします;;
http://www.fxsouba.com/infotop/member/index.html
A 回答 (3件)
- 最新から表示
- 回答順に表示
No.3
- 回答日時:
考え方は2つ
(1)チェックのあるなしでsubmitボタンを押せるかどうか決める
(2)サブミットするときにチェックのあるなしをみる
あわせるとこんな感じ
<script>
function change_submit(obj){
document.getElementById("s").disabled=!obj.checked;
}
function check_submit(f){
return f.elements["hoge"].checked;
}
</script>
<form onSubmit="return check_submit(this)">
<input type="checkbox" name="hoge" value="1" onchange="change_submit(this)" id="c" /><label for="c">上記内容に同意する</label>
<input type="submit" value="send" id="s" disabled>
</form>
ちなみに、受け取った側でもきちんとチェックがされたかどうか
調べて不正がないかをみる必要はあります。
No.2
- 回答日時:
こんな感じですかね。
<html>
<head>
<title>sample</title>
<script>
function checkBoxCheck(button) {
if( !document.getElementById("checkboxId").checked ) {
window.alert("チェックボックスにチェックを入れてください。");
} else {
button.form.submit();
}
}
</script>
</head>
<body>
<form action="aaa.html">
<input type="checkbox" id="checkboxId" name="check" value="1">
同意します。<br>
<input type="button" value="送信" onclick="return checkBoxCheck(this);">
</form>
</body>
</html>
No.1
- 回答日時:
そのページを開いて
「表示」 → 「ソース」
もしくは
右クリック → 「ソースの表示」
で書き方はわかると思います。
ご丁寧にコメントまで振ってありましたので^^
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- UNIX・Linux redmineにメールを飛ばす方法 1 2022/09/13 22:02
- JavaScript イラストレーター、縦中横のショートカットをスクリプトを使って作成する方法 1 2023/04/19 11:15
- その他(プログラミング・Web制作) Pythonで、データファイルと列名ファイルを1つのファイルにしたいです。 1 2023/07/27 20:29
- その他(プログラミング・Web制作) 掲示板専用スクリプト(http://php365.com/)などを使わなくてもプログラミング言語のみ 4 2022/06/12 20:44
- 公認会計士・税理士 申告書等の税理士欄について 5 2022/09/14 17:23
- その他(社会・学校・職場) 業務内容についてどう思いますか? 私は客先の仕事を下請けとして行うという仕事をしていますが、(客先の 2 2022/05/04 16:17
- その他(社会・学校・職場) 業務内容についてどう思いますか? 私は客先の仕事を下請けとして行うという仕事をしていますが、(客先の 3 2022/05/04 17:55
- その他(プログラミング・Web制作) bashのgrepで複数の検索、かつスクリプト内で改行する方法を教えてください。 1 2022/10/06 20:09
- SQL Server SQL 期間内の実施数を合計したい 2 2023/03/03 22:28
- Ameba(アメーバブログ) アメブロは、HTMLのタグの入力を許さないブログ・サイトですか? 1 2023/06/18 18:48
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
ボタンを押したあとに画像を表...
-
スマホ上で、左右スワイプで次...
-
ラジオボタンを複数選択したと...
-
jsonテキストデータの並び替え...
-
Adobe acrobat proでフォームを...
-
画面に表示したらアニメーショ...
-
2025年相性がいい人のサイトの...
-
jQueryでのレスポンシブが綺麗...
-
jsで質問です。 formをsubmitし...
-
二次元配列を使って順位をだす...
-
【JS】selectでchangeした時の...
-
sessionStorageを調べています。
-
jsで質問です。 ボタンが二つ存...
-
ブックマークレットについて
-
タグを教えてください。
-
CookieをWebStoeageに変える
-
Outlookのアカウントがあるとメ...
-
jqueryのselect2で検索欄の文字...
-
<tr>指定した表の行要素をボ...
-
食材の期限を管理するためにGAS...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
JavaScript 超初心者です。 Doc...
-
親ページからインラインフレー...
-
画像をボタンのようにフォーカ...
-
入力フォームの javascript で ...
-
[onClick]ボタンを押すことで入...
-
javascriptのパスワードっぽいもの
-
JavaScript の 「showDialog」
-
submit時に違うページに飛びたい
-
INPUTの内容をフォームの送信先...
-
ボタンで、リンクを、別ウィン...
-
ボタンクリックで
-
cgi上のhtmlをrubyのifで条件分岐
-
ボタンにファイルリンクをつける
-
パスワードをIPする際見えな...
-
スクリプトの作り方って・・・・?
-
商品ページのフォームのテキス...
-
ブラウザの履歴を消す/アクセ...
-
HTAのタグ?の事についてです。
-
a.href の href を有効か無効に...
-
ウィンドウからウィンドウへ、...
おすすめ情報
