我正在尝试创建一个使用单选按钮并提交的问卷。我已完成大部分工作(可能不是很漂亮,但它按预期工作),除了我添加单选按钮选择(每个“同意”= 1“不同意”= 0)后我想做另一个条件并返回。现在我只返回无线电选择的总和。我希望能够做到这样的事情:
if (z=0)
{
r="Black";
}
else if (z=1)
{
r="Blue";
}
else
{
r="Red";
}
等等......
我目前的一段代码如下,但我在哪里放置新的作品?:
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>Form radio button checking</title>
<script type="text/javascript">
var r;
function checkValue() // if you pass the form, checkValue(form)
{
var form = document.getElementById('formType'); // if you passed the form, you wouldn't need this line.
for(var i = 0; i < form.q1.length; i++)
{
if(form.q1[i].checked)
{
var selectedValue = form.q1[i].value;
}
if(form.q2[i].checked)
{
var selectedValue2 = form.q2[i].value;
}
if(form.q3[i].checked)
{
var selectedValue3 = form.q3[i].value;
}
var z = Number(selectedValue) + Number(selectedValue2)+ Number(selectedValue3)
}
document.getElementById("tot").innerHTML=z;
return false;
}
</script>
</head>
<body>
<form id="formType" method="post" action="#" onSubmit="return checkValue();" > <!-- you can pass the form here as well by doing: return checkValue(this); -->
<table border="1">
<tr>
<td>QUESTIONS</td>
<td>ANSWERS</td>
</tr>
<tr>
<td>Question 1</td>
<td><input type="radio" id="1" name="q1" value=1> Agree<input type="radio" id="2" name="q1" value=0> Disagree</td>
</tr>
<tr>
<td>Question 2</td>
<td><input type="radio" id="3" name="q2" value=1> Agree<input type="radio" id="4" name="q2" value=0> Disagree</td>
</tr>
<tr>
<td>Question 3</td>
<td><input type="radio" id="5" name="q3" value=1> Agree<input type="radio" id="6" name="q3" value=0> Disagree</td>
</tr>
</table>
<br>
<input type="submit" value="Submit"/>
</form>
<p id="tot">Result will display here</p>
</body>
</html>
答案 0 :(得分:0)
不确定你要的是什么..
但是,如果您希望根据“z”为“r”分配值,则代码应该有效 只需将其添加到声明'z'
的位置if (z=0)
{
r="Black";
}
else if (z=1)
{
r="Blue";
}
else
{
r="Red";
}
alert(r);