重要なお知らせ

「教えて! goo」は2025年9月17日(水)をもちまして、サービスを終了いたします。詳細はこちら>

電子書籍の厳選無料作品が豊富!

23歳の事務系OLです。
今、ホームページを作っているのですが、チェックボックスにチェックを入れないと、申し込めないようにするためのスクリプトってどうやって書いたらいいんでしょうか?
わかる方いたら、お願いします><

下記の様な感じです。お願いします;;
http://www.fxsouba.com/infotop/member/index.html

A 回答 (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>

ちなみに、受け取った側でもきちんとチェックがされたかどうか
調べて不正がないかをみる必要はあります。
    • good
    • 0

こんな感じですかね。



<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>
    • good
    • 0

そのページを開いて


「表示」 → 「ソース」

もしくは
右クリック → 「ソースの表示」

で書き方はわかると思います。

ご丁寧にコメントまで振ってありましたので^^
    • good
    • 0

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!