よくある○○度チェックみたいなものを作っているのですが、
項目が10個程あって、
「チェックが0個~4個のあなたは、△△△!!」
「チェックが5個~7個のあなたは、◇◇◇!!」
「チェックが8個~10個のあなたは、◎◎◎!!」
という流れなのです。
で、その3パターンの結果ごとに異なる
HTMLをポップアップウィンドウで表示させたいのです。
たいていは次のページに結果を表示させるパターンですが、ここをポップアップ表示させたいのです。
しかも3つそれぞれのHTMLに。
<script language="JavaScript">
function myCheck(){
myCnt=0 // チェックした数
for (i=0; i<document.myForm.length-1; i++){
// チェックボックスの数分ループ
if (document.myForm.elements[i].checked == true){
// チェックはオンか?
myCnt++ // チェック数 加算
}
}
if ( myCnt <= 3 ){ // チェックは 無し(ゼロ)
myUrl = "check_1.html";
}
else if ( myCnt <= 5 ){ // チェックは 1以上6以下
myUrl = "check_2.html";
}
else if ( myCnt > 5 ){ // チェックは 1以上6以下
myUrl = "check_3.html";
}
funMsgUrl(myUrl)
}
function funMsgUrl(url){
location.href = url
}
</script>
・
・
・
<form name="myForm">
<input name="checkbox1" type="checkbox">項目<br>
<input name="checkbox2" type="checkbox">項目<br>
<input name="checkbox3" type="checkbox">項目<br>
・
・
・
<input name="checkbox9" type="checkbox">項目<br>
<input name="checkbox10" type="checkbox">項目<br>
</form>
<input type="button" onClick="myCheck(); return false;" value="チェック">
すみませんが、助言をお願いいたします。
No.1ベストアンサー
- 回答日時:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html><head><title>Untitled</title>
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<meta http-equiv="Content-Script-Type" content="text/javascript">
<script type="text/javascript">
function myCheck(){
myCnt=0 // チェックした数
for (i=0; i<document.myForm.length-1; i++){
// チェックボックスの数分ループ
if (document.myForm.elements[i].checked == true){
// チェックはオンか?
myCnt++ // チェック数 加算
}}
// チェックは 無し(ゼロ)
if(myCnt==0)window.open('check_1.htm','sub','width=300,height=300');
// チェックは 1以上6以下
if(myCnt>0&&myCnt<7)window.open('check_2.htm','sub','width=300,height=300');
//チェックは 7以上
if(myCnt>=7)window.open('check_3.htm','sub','width=300,height=300');
}
</script>
</head><body>
<form name="myForm">
<input name="checkbox1" type="checkbox">項目<br>
<input name="checkbox2" type="checkbox">項目<br>
<input name="checkbox3" type="checkbox">項目<br>
<input name="checkbox4" type="checkbox">項目<br>
<input name="checkbox5" type="checkbox">項目<br>
<input name="checkbox6" type="checkbox">項目<br>
<input name="checkbox7" type="checkbox">項目<br>
<input name="checkbox8" type="checkbox">項目<br>
<input name="checkbox9" type="checkbox">項目<br>
<input name="checkbox10" type="checkbox">項目<br>
<input type="button" onClick="myCheck()" value="チェック">
</form>
</body>
</html>
No.2
- 回答日時:
function funMsgUrl(url){
location.href = url
}
を
function funMsgUrl(url){
window.open(url);
}
にする
参考URL:http://www.htmq.com/js/window_open.shtml
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- PHP 入力した部分を表示させたまま(保持)するにはどうすれば良いでしょうか? 1 2023/01/25 11:14
- JavaScript ①入力フォーム→②確認表示画面→③送信完了画面のコードを書いているのです、 入力フォームから受け取っ 2 2022/05/10 16:45
- HTML・CSS ただいま勉強始めたての初心者です。フォームを縦並べにしたいです。 2 2022/11/20 17:18
- PHP PHPで画像の渡しが上手く行きません。 1 2023/02/02 09:39
- JavaScript HTMLでJavaScriptを使ってパスワードの強化判定のプログラムを作成しています。 一通り作っ 2 2022/10/19 01:41
- HTML・CSS 私の能力からして間違っていないような気がします。 4 2022/09/30 13:24
- JavaScript javascriptで移動ボタンを押した際に遷移するボタンを追記したい 1 2022/11/29 03:02
- JavaScript javascript作成してます。ラジオボタンで判定するコードを書いてます。 1 2023/07/18 11:03
- JavaScript セレクトボックスを2つ選択してメッセージなどを表示するには。~運賃検索プログラムを完成させたい~ 1 2022/07/22 11:10
- PHP PHPのエラーの解消法について教えて下さい。 1 2023/02/06 10:48
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
チェックボックスのON/OFFでVal...
-
【jsp/Java】チェックボックス...
-
チェックボックスとラジオボタ...
-
複数のチェックボックス項目が...
-
contact-form7のプラグインでチ...
-
配列のチェックボックスをjavas...
-
チェックボックスのON/OFFに応...
-
チェックボックスに全てチェッ...
-
チェックボックスの設定
-
正規表現で複数マッチ条件で悩...
-
onchangeイベントを強制的に発...
-
プルダウン 項目が多いので先頭...
-
TextBoxに半角数字以外を入れた...
-
return trueとreturn falseの用...
-
ラジオボタンのチェックが外れ...
-
【jQuery】input nameの文字列...
-
<input>の選択肢をプルダウンメ...
-
特定<table>内の<td>の色を変える
-
<JavaScript>tableタグを入力不...
-
submitした値を返したい
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
【jsp/Java】チェックボックス...
-
チェックボックスのON/OFFでVal...
-
checkboxをクリックしてリロー...
-
チェックボックスに全てチェッ...
-
JSP内で可変するチェックボック...
-
確認ページからフォームページ...
-
チェックボックスのON/OFFに応...
-
Objective-Cでチェックボックス...
-
EclipseでSpringを使用し、テー...
-
チェックボックスの設定
-
スクリプト内でチェックボック...
-
チェックボックスで合計値を計...
-
背景色を変えて未入力チェック...
-
チェックボックスのグループ化...
-
オフになっているチェックボッ...
-
checkboxの選択数制限と排他処...
-
複数のチェックボックス項目が...
-
Nameは配列で、チェックされた...
-
jquery 診断コンテンツにチェッ...
-
チェックボックスでor検索
おすすめ情報