我如何在下面的文字中做到这一点,以便当我选择一个时,它会说"错误!"红色,或者#34;对!"绿色?

时间:2016-05-20 21:15:22

标签: html

我是编码新手,只是想知道怎么说'#34;错了!"红色或"对!"绿色。



<p>Choose one:<p>

<input name="q1" type="radio" value="A">A) Luke is awesome<br>

<input name="q1" type="radio" value="B">B) Luke sucks<br>

<input name="q1" type="radio" value="C">C) Luke is mediocre<br>

<input name="q1" type="radio" value="D">D) Luke sucks so much, he has to die<br>
&#13;
&#13;
&#13;

1 个答案:

答案 0 :(得分:0)

您需要使用JQUERY来根据正确答案测试选择,而不是相应地更改css样式。如果你是HTML新手,那么Jquery可能还有点延伸,但是没有真正的方法只在html中进行条件语句。您还需要提供选项类或ID,以便您可以选择它们。

这样的东西可以在Jquery中使用;

$(".question1").click(function() {
   if($(this).val == "a") {
     $(this).css({"color":"green"});
   } else {
     $(this).css({"color":"red"});
   }
});