多个条件单选按钮

时间:2013-12-20 19:03:50

标签: radio-button

我正在尝试创建一个使用单选按钮并提交的问卷。我已完成大部分工作(可能不是很漂亮,但它按预期工作),除了我添加单选按钮选择(每个“同意”= 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>

1 个答案:

答案 0 :(得分:0)

不确定你要的是什么..

但是,如果您希望根据“z”为“r”分配值,则代码应该有效 只需将其添加到声明'z'

的位置
if (z=0)
{
r="Black";
}
else if (z=1)
{
r="Blue";
}
else
{
r="Red";
}

alert(r);