如何解决如何强制用户选择带有 HTML 的单个复选框?
我正在用 HTML 创建一个测验。可以通过选择复选框来回答问卷。到目前为止,试试这个:
<h3>This is question 1?</h3>
<input type="radio" name="answer1" id="c01" value="0"/> answer A
<input type="radio" name="answer2" id="c02" value="0" /> answer B
<h3>This is question 2?</h3>
<input type="radio" name="answer3" id="c03" value="0"/> answer 1
<input type="radio" name="answer4" id="c04" value="0" /> answer 2
<input type="radio" name="answer5" id="c05" value="0"/> answer 3
但是,前面的语句不起作用,因为我只想可以选择一个且仅一个答案(不允许每个答案选择一个以上的复选框)。如何强制用户仅使用 html 标签为每个不同的问题只选择一个复选框?
解决方法
使用字段集:
<fieldset id="question1">
<legend>Question 1:</legend>
<input type="radio" value="value1" name="question1">Answer 1</input>
<input type="radio" value="value2" name="question1">Answer 2</input>
</fieldset>
<fieldset id="question2">
<legend>Question 2:</legend>
<input type="radio" value="value1" name="question2">Answer 1</input>
<input type="radio" value="value2" name="question2">Answer 2</input>
</fieldset>
没有字段集:
<h3>This is question 1?</h3>
<input type="radio" value="value1" name="question1">Answer 1</input>
<input type="radio" value="value2" name="question1">Answer 2</input>
<h3>This is question 2?</h3>
<input type="radio" value="value1" name="question2">Answer 1</input>
<input type="radio" value="value2" name="question2">Answer 2</input>
您需要为所有 input type="radio" 赋予相同的名称,这会将它们变成单选按钮,而不是像现在这样的复选框。
谢谢,
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 [email protected] 举报,一经查实,本站将立刻删除。