多个单选按钮

时间:2014-02-12 16:37:04

标签: javascript jquery html

我正在尝试进行测验,就像当前的BuzzFeed和Zimbio一样。如果这是一个已经存在的问题,我很抱歉,但是从我的搜索中,我似乎无法找到答案。因此,您只能选择一个答案。根据他们选择的内容,答案与句子有关。

这是我的javascript:

// JavaScript Document
var trait=true;
while(trait){
if(humor===true)
    {
        console.log("Answer1");
        }
if(intelligence===true)
    {
        console.log("Sentence 2");
        }
};

虽然我的表单看起来像这样:

<p>What personality trait matters most?</p>

<input type="radio" name="trait" value="humor">Humor
<br/><input type="radio" name="trait" value="intelligence">Intelligence
<br/><input type="radio" name="trait" value="freewill">Free Will
<br/><input type="radio" name="trait" value="passion">Passion for Everything
<br/><input type="radio" name="trait" value="detail">Attention to Detail

我只编写了前两个问题,但我确信我做错了。我知道我会使用while循环。我只是对从这里做什么感到困惑。谢谢!

1 个答案:

答案 0 :(得分:0)

$("input[type='radio']").click(function(){
   switch(this.value){
      case "humor": 
          console.log("answer1"); 
          break;
      case "intelligence": 
          console.log("sentence2"); 
          break;
      default:
          console.log("default");
   }
});