alert無法跳出來

javascript alert java

tako9558 2017-04-17 10:34:36 ‧ 10551 瀏覽

分享至

在書上學習到如何選取到正確的radio選項並跳出alert視窗顯示good或sad
可是我的函式放在原網頁的script裡面可以實行，放到額外另加的js網頁就無法跳出alert
可以幫我看一下是哪裡出了問題嗎? 感謝

元網頁 test4.html

<html>
<head>
<meta charset="utf-8"/>
<title>javascript</title>
<script type= "text/javascript" language= "javascript" src= "javascript2.js" >

</script>
</head>
<body>
<h3>加法<h3>
<form name="form1" onsubmit="kuwaeru();return false;">
20+16=?
<input type="radio" name="answer" value="2016" required>2016
<input type="radio" name="answer" value="36" required>36
<input type="radio" name="answer" value="99" required>99
<input type="radio" name="answer" value="22" required>22
<input type="submit">
</form>
</body>
</html>

額外另家的網頁 javascript2.js

function kuwaeru(){
	var all = document.forms["form1"].elements["answer"];
	if(all[1].checked)
	alert("good");
	else alert("sad");	
}

看更多先前的討論...收起先前的討論...

coldfusion iT邦新手 5 級 ‧ 2017-04-17 11:33:12 檢舉

測試你的代碼后，一切正常（Firefox v52），無任何問題。

窮嘶發發發 iT邦高手 1 級 ‧ 2017-04-17 11:58:40 檢舉

radio 物件是單選的，他回傳也只有單一值
除了樓下一樓的寫法外，可以簡單點用值來判斷
function kuwaeru(){
var answer= document.forms["form1"].elements["answer"].value;
if(answer== 36)
alert("good");
else alert("sad");
}
然後你那個 radio 的屬性 required 要拿掉
<input type="radio" name="answer" value="2016" >2016
<input type="radio" name="answer" value="36" >36
<input type="radio" name="answer" value="99" >99
<input type="radio" name="answer" value="22" >22

剛剛看上面 radio 的 name 上午寫的有錯誤，這邊修正一下

coldfusion iT邦新手 5 級 ‧ 2017-04-17 13:17:57 檢舉

對樓主來說，重點是“為什麼”有問題，而不是“怎麼做”才最佳。

窮嘶發發發 iT邦高手 1 級 ‧ 2017-04-17 15:22:45 檢舉

radio 物件是單選的 ( 同一個 NAME 就是同一個群組，多選項只允許一個答案 )
還有，四個項目都是required ，印象中在 radio 物件不能用這個屬性
一樓的方法，不建議，因為會造成四個項目都能選擇，因為它會被當作四個物件，每個物件只有一個項目

登入發表討論

直播研討會

{{ item.channelVendor }} {{ item.webinarstarted }} |

直播中

1 個回答

小哈

iT邦新手 4 級 ‧ 2017-04-17 11:00:11

有問題再提出來:)

<html>
<head>
<meta charset="utf-8"/>
<title>javascript</title>
<script  >

function kuwaeru(){
var all1 = document.forms["form1"].elements["answer1"];
var all2 = document.forms["form1"].elements["answer2"];
var all3 = document.forms["form1"].elements["answer3"];
var all4 = document.forms["form1"].elements["answer4"];
if(all2.checked)
alert("good");
else alert("sad");	
}

</script>
</head>
<body>
<h3>加法<h3>
<form name="form1" onsubmit="kuwaeru();">
20+16=?
<input type="radio" name="answer1" value="2016" >2016
<input type="radio" name="answer2" value="36" >36
<input type="radio" name="answer3" value="99" >99
<input type="radio" name="answer4" value="22" >22
<input type="submit">
</form>
</body>
</html>

回應 1
分享
檢舉

小哈 iT邦新手 4 級 ‧ 2017-04-17 12:02:25 檢舉

看這個是否符合您的需求

<html>
<head>
<meta charset="utf-8"/>
<title>javascript</title>


<script >

function kuwaeru(){
var all1 = document.forms["form1"].elements["answer1"];
var all2 = document.forms["form1"].elements["answer2"];
var all3 = document.forms["form1"].elements["answer3"];
var all4 = document.forms["form1"].elements["answer4"];

if(form1.answer1.checked == "" && form1.answer2.checked == "" && form1.answer3.checked == "" && form1.answer4.checked == "") 
        {
                        alert("請點選選項提交。");
        }
else {
if(all2.checked)
alert("good");
else alert("sad");	
}
}

</script>
</head>
<body>
<h3>加法<h3>
<form name="form1" onsubmit="kuwaeru()">
20+16=?
<input type="radio" name="answer1" value="2016" >2016
<input type="radio" name="answer2" value="36" >36
<input type="radio" name="answer3" value="99" >99
<input type="radio" name="answer4" value="22" >22
<input type="submit" >
</form>
</body>
</html>

登入發表回應