在javascript中创建多个选择选项
在javascript中创建多个选择选项
提问于 2015-12-04 08:40:27
我创建了一个HTML选择题。我正面临一个如何验证它的问题。下面是HTML代码：
<h1>JavaScript is ______ Language.</h1><br>
<form>
<input type="radio" name="choice" value="Scripting"> Scripting
<input type="radio" name="choice" value="Programming"> Programming
<input type="radio" name="choice" value="Application"> Application
<input type="radio" name="choice" value="None of These"> None of These
</form>
<button>Submit Answer</button>
当用户单击submit按钮时，应该有一个警报，它将根据所选内容显示一条消息。
- 如果未选择任何选项，则警报框应显示为
"please select choice answer"。 - 如果选择了“脚本”选项，则警报框应该是
"Answer is correct !"。 - 如果选择了与“脚本”不同的选项，则警报框应该是
"Answer is wrong"。
我想在JavaScript中创建这个验证。
Stack Overflow用户
发布于 2015-12-04 08:47:44
您必须使用onclick属性和更多js。
- 将事件提交器附加到按钮上
- 获得无线电元件值
- 比较
var submitAnswer = function() {
var radios = document.getElementsByName('choice');
var val= "";
for (var i = 0, length = radios.length; i < length; i++) {
if (radios[i].checked) {
val = radios[i].value;
break;
}
}
if (val == "" ) {
alert('please select choice answer');
} else if ( val == "Scripting" ) {
alert('Answer is correct !');
} else {
alert('Answer is wrong');
}
};<h1>JavaScript is ______ Language.</h1><br>
<form >
<input type="radio" name="choice" value="Scripting"> Scripting
<input type="radio" name="choice" value="Programming"> Programming
<input type="radio" name="choice" value="Application"> Application
<input type="radio" name="choice" value="None of These"> None of These
</form>
<button onclick="submitAnswer()">Submit Answer</button>
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/34084048
复制相关文章
相似问题
腾讯云开发者
