简单的JavaScript测验,带有单选按钮和多个正确答案

时间:2015-01-07 18:06:22

标签: javascript html

我试图做一个简单的测验:

enter image description here

enter image description here

enter image description here

我想使用自定义提醒框,而不是通常的JavaScript提示框。所以只是一个div,里面出现了我的信息。

道歉,如果我没有比屏幕截图更多的工作 - 我已经看过许多其他问题和一些脚本,但我真的对一些简单的事情感兴趣,这可以让我朝着正确的方向前进。

谢谢!

2 个答案:

答案 0 :(得分:2)

您可以尝试使用JQuery。然后,只需使用$("#mydiv").show()$("#mydiv").hide()即可show or hide div。

答案 1 :(得分:0)



.correct{max-width:100px;opacity:0}
input:checked.right ~div.correct{position:relative;background-color:yellow;top:-20px;left:70px;opacity:1;}

<div >
  Which country is commonly called the U.S.A ?<br>
 England<input type="radio" name="one" value="UK" /><br>
  America<input type="radio" name="one" value="US" class="right"/><br>
  <div class="correct">Correct</div></div>
<div >
  Which country is commonly called the U.S.A ?<br>
 England<input type="radio" name="two" value="UK" /><br>
  America<input type="radio" name="two" value="US" class="right"/><br>
  <div class="correct">Correct</div></div>
<div >
  Which country is commonly called the U.S.A ?<br>
 England<input type="radio" name="three" value="UK" /><br>
  America<input type="radio" name="three" value="US" class="right"/><br>
  <div class="correct">Correct</div></div>
&#13;
&#13;
&#13;