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

【JavaScript】以下のようなフォームで、「yes」のチェックボックスにチェックがないと次に進めないJavaScriptを教えてください。
(チェックが入っていないと「チェックを入れてください」とアラートが上がり、進めない、という仕組み)
--------------
<form action=”mail.cgi” method=”post” enctype=”multipart/form-data”>
<input type=”checkbox” name=”yes” value=”on”>
(※ここに色々な項目が入ります)
<INPUT NAME=”reset” TYPE=”reset” id=”reset” VALUE=”入力項目をクリア”>
<INPUT NAME=”submit” TYPE=”submit” VALUE=”つぎに進む”>
</form>
--------------
上のソースを書き換えて教えて頂けないでしょうか。
よろしくお願いいたします。

●質問者: schie
●カテゴリ:コンピュータ 学習・教育
✍キーワード:JavaScript 「YES」 アラート ソース チェックボックス
○ 状態 :終了
└ 回答数 : 5/5件

▽最新の回答へ

1 ● angelsong
●25ポイント

http://www.sun.co.jp/

$B%5%s!&%^%$%/%m%7%9%F%`%:(B

<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>

で、いかがでしょうか。

◎質問者からの返答

うーん、半角スペースなどいろいろ手直ししたのですが、うまく動かなかったです。

時間をかければよいのですが、時間がなくて申し訳ないです。


2 ● y-mochizuki
●0ポイント

http://www.tagindex.com/javascript/form/check4.html

JavaScript/フォーム/チェックボックスの選択をチェックする - TAG index

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

◎質問者からの返答

「上のソースを書き換えて教えて頂けないでしょうか。」という条件です。


3 ● urasyun
●35ポイント

http://www.hatena.ne.jp/1121516854#

人力検索はてな - 【JavaScript】以下のようなフォームで、「yes」のチェックボックスにチェックがないと次に進めないJavaScriptを教えてください。 (チェックが入っていないと「チェックを..

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>

◎質問者からの返答

ありがとうございます!

パーフェクトです。

しかも詳しい解説をしていただいて、本当に勉強になりました。

ありがとうございました。

----------

一番初めに回答いただいたangelsongさん、「動かない」と書いてしまいましたが、

私のほうで、「”」を半角に直していない部分があったので、直せば動くような気がします。

angelsongさんにも感謝いたします。

ありがとうございました。


4 ● aki73ix
●10ポイント

http://nifberry.727.net/test/hatena131.htm

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>


5 ● angelsong
●10ポイント

http://www.yahoo.co.jp/

Yahoo! JAPAN

細かい部分を修正して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>

関連質問


●質問をもっと探す●



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