Question

所以我的教授要求我们做一个简单的HTML多项选择测验，而且我已经做了一个。我的问题是当我点击＆＃34;提交＆＃34;时，如何以BOLD类型输出正确的答案按钮。那可能吗？你能帮我使用脚本代码吗？

请耐心等待我的编程知识非常有限，我的帮助将非常感激。提前谢谢！

function BoldQuestions()
{
  var txt = document.getElementsByName();
  for(var i = 0; i < txt.length; i++)
  {
    if(txt[i].checked)
   {
      if(txt[i].value=="correct")
      alert("The Correct Answers Are Now In Bold Style") 
      document.write( txt + txt.bold())
      break;
   }
  }
}

http://jsfiddle.net/htzcfg8k/

Answer 1

您可以使用以下内容更改其CSS，而不是尝试使用html标记包装文本：

if (txt[i].value == "correct") {
    txt[i].style.fontWeight = "bold";
}

如果你想这样做，那么＆＃34;正确＆＃34;你可以在CSS文件中添加一个类，然后给出CSS类的正确答案。

CSS：

.correct {
    font-weight: bold;
}

使用Javascript：

if (txt[i].value == "correct") {

    txt[i].className += " correct";

}

通过这样做，您可以根据需要更改correct答案的样式，而无需再次使用JS。例如，如果你是一个团队，那么其他不了解JS的人可能只是编辑CSS。

我可以问一下我应该在哪里编写CSS部分吗？

您可以将CSS写入文件中。您可以将其命名为styles.css。然后，将styles.css链接到您链接脚本上方标题中的html文档。

<link rel="stylesheet" type="text/css" href="styles.css">

如果您的教授没有通过CSS，那么您可能不必担心添加额外的CSS文件。如果是这种情况，只需使用此答案最顶部的代码即可。祝你好运：）

以粗体显示所选单选按钮

1 个答案: