Javascript　ポップアップウィンドウでのデータの受け渡し

解決済

質問者：n4416
質問日時：2006/06/02 00:37
回答数：2件

よくある○○度チェックみたいなものを作っているのですが、
項目が10個程あって、
「チェックが0個～4個のあなたは、△△△！！」
「チェックが5個～7個のあなたは、◇◇◇！！」
「チェックが8個～10個のあなたは、◎◎◎！！」
という流れなのです。

で、その３パターンの結果ごとに異なる
HTMLをポップアップウィンドウで表示させたいのです。
たいていは次のページに結果を表示させるパターンですが、ここをポップアップ表示させたいのです。
しかも３つそれぞれの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="チェック">

すみませんが、助言をお願いいたします。

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (2件)

ベストアンサー優先
最新から表示
回答順に表示

No.1ベストアンサー

回答者： noname#22259
回答日時：2006/06/02 01:23

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