【JavaScript】以下のようなフォームで、「yes」のチェックボックスにチェックがないと次に進めないJavaScriptを教えてください。

<form name=”form1” action=”mail.cgi” method=”post” enctype=”multipart/form-data”onSubmit=”func_onsubmit();”>

<input name=”check1” type=”checkbox” name=”yes” value=”on”>

（※ここに色々な項目が入ります）

<INPUT NAME=”reset” TYPE=”reset” id=”reset” VALUE=”入力項目をクリア”>

<INPUT NAME=”submit” TYPE=”submit” VALUE=”つぎに進む”>

<Script language=”JavaScript”>

function func_onsubmit() {

if (!document.form1.check1.checked) {

alert(”チェックを入れてください”);

return false;

}

return true;

}

</Script>

</form>

で、いかがでしょうか。

この方法ではどうですか？Form の中ではないと思います。

URLはダミーです。ポイントは、

・check()という関数を用意して、そこでチェック。

・FORM の onSubmitイベントで check()を呼び出す

・check() が falseを返せば Submitボタンは無効になります。trueを返せば有効

・check()内で、チェックボックス（この場合 yes）を記述するために、FORMに myFormという name をつける。これにより、チェックボックスの値は myForm.yes.checked で調べられる。

<script type=”text/javascript”>

<!--

function check() {

if (myForm.yes.checked == false) {

alert(”チェックを入れてください”);

return false;

}

return true;

}

// -->

</script>

<form name=”myForm” action=”http://www.yahoo.co.jp” method=”post” enctype=”multipart/form-

data” onsubmit=”return check()”>

<input type=”checkbox” name=”yes” value=”on”>

（※ここに色々な項目が入ります）

<INPUT NAME=”reset” TYPE=”reset” id=”reset” VALUE=”入力項目をクリア”>

<INPUT NAME=”submit” TYPE=”submit” VALUE=”つぎに進む” >

</form>

http://www.hatena.ne.jp/1121346249

基本的には前回のと応用しましょう

<script Language="JavaScript">

<!--

function CheckData()

{

// CheckBoxの項目 NAMEの中が"yes"なので"yes"を指定します

if(!document.forms["form1"].elements["yes"].checked){

alert("チェックされてません");

// false なら送信しません

return false;

}

// true なら送信します

else return true;

}

// -->

</script>

<!-- 分かりやすいようにFormに名前を付けます -->

<form name="form1" action="mail.cgi" method="post" enctype="multipart/form-data"

onSubmit="return CheckData()">

<input type="checkbox" name="yes" value="on">

（※ここに色々な項目が入ります）

<INPUT NAME="reset" TYPE="reset" id="reset" VALUE="入力項目をクリア">

<INPUT NAME="submit" TYPE="submit" VALUE="つぎに進む" onsubmit="">

</form>

細かい部分を修正してIE6で動作確認しました。これで上手く動くはずです。

（ポイントは無しで結構です）

<form name=”form1” action=”mail.cgi” method=”post” enctype=”multipart/form-data” onSubmit=”return func_onsubmit()”>

<input name=”check1” type=”checkbox” name=”yes” value=”on”>

（※ここに色々な項目が入ります）

<INPUT NAME=”reset” TYPE=”reset” id=”reset” VALUE=”入力項目をクリア”>

<INPUT NAME=”submit” TYPE=”submit” VALUE=”つぎに進む”>

</form>

<Script language=”JavaScript”>

function func_onsubmit() {

if (document.form1.check1.checked == false) {

alert(”チェックを入れてください”);

return false;

}else{

return true;

}

}

</Script>