- ベストアンサー
JavaScriptを使用したシステム構築におけるチェックボックスと数量未記入のエラー判定方法
- HTML、JavaScript、PHP、MySQLを使用してシステム構築を学習中です。チェックボックスと数量記入欄の組み合わせで、数量未記入の場合にエラー判定をしたいです。
- 具体的なコードでは、フォーム内の連番でチェックボックスと数量記入欄を作成しています。JavaScriptの関数でエラーを判定する際、効率的にforループを使用したいです。
- 初心者ですが、アドバイスやエラー判定方法についてのアイデアをいただけると幸いです。
- zim7updown
- お礼率41% (10/24)
- JavaScript
- 回答数2
- ありがとう数10
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
↓のような感じでアクセスしてみてはどうでしょう？ <html> <head> <title>テスト</title> <script language="Javascript"> <!-- function check(){ for(i=1;i<=5;i++) { value=document.forms['testform'].elements['check'+i].checked; alert(i+"の状態は"+value+"です。") } } --> </script> </head> <body> <form name="testform"> <input type="checkbox" name="check1"><br> <input type="checkbox" name="check2"><br> <input type="checkbox" name="check3"><br> <input type="checkbox" name="check4"><br> <input type="checkbox" name="check5"><br> <input type="button" value="チェック" onclick="check();"> </form> </body> </html>
その他の回答 (1)
- babu_baboo
- ベストアンサー率51% (268/525)
ぜんかくくうはくは、はんかくに。 <!DOCTYPE html> <title></title> <body> <form id = "goods" method = "post" action = "abc.php" onsubmit="errorCheck.call( this, event )"> <p> <input type = "checkbox" name = "check1" value = "yes" > <input type = "text" name = "quant1" size = "5" > <input type = "checkbox" name = "check2" value = "yes" > <input type = "text" name = "quant2" size = "5" > <input type = "checkbox" name = "check3" value = "yes" > <input type = "text" name = "quant3" size = "5" > ～中略～ <input type = "submit" value = "次へ"> </p> </form> <script><!-- //@cc_on function errorCheck (e) { var max = 3; var flag = false; var errMess = [ ]; var elements = this.elements; var checkbox; var text; var i; for (i = 1; i <= max; i++) { checkbox = elements[ 'check' + i ]; text = elements[ 'quant' + i ]; if (checkbox && text) { if (checkbox.checked && '' == text.value) { errMess.push (i + '番目がへん'); flag = true; } } } if( flag ) { alert( errMess.join('\n') ); e./*@if( @_jscript ) returnValue = false @else@*/ preventDefault() /*@end@*/; } } // max = 3 は、ださいか？ //--> </script>
お礼
御返事遅くなってしまい、申し訳ありません。 無事、問題を解決することができました。 このたびはありがとうございました。
お礼
御返事遅くなってしまい、申し訳ありません。 無事、問題を解決することができました。 私が作成していたコードと類似しており、スムーズに適用できたので 誠に勝手ながらベストアンサーとさせていただきました。 このたびはありがとうございました。