我想在js中验证以下代码,以便用户必须检查其中一个,但我不知道如何做。表单名称为“注册”
<li>
<input type="checkbox" name="en" value="en" />
<span>English</span>
</li>
<li>
<input type="checkbox" name="nonen" value="noen" />
<span>Non English</span>
</li>
答案 0 :(得分:7)
请改用radio类型的输入。
这是MDN文档的链接,基本上所有具有相同radio
属性的name
类型的输入都被组合在一起,用户只能选择其中之一。
https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/radio
答案 1 :(得分:2)
您可以尝试这个
<input type="radio" name="raden" id="english" checked>
<label for="english">English</label>
<input type="radio" name="radnon" id="nonenglish">
<label for="nonenglish">Non-English</label>
答案 2 :(得分:0)
<li><input type="checkbox" name="en" value="en" /><span>English</span></li>
<li><input type="checkbox" name="en" value="en" /><span>Non English</span></li>
如果选中所有复选框,则复选框名称必须相同。尝试输入代码。
答案 3 :(得分:0)
<li>
<input type="radio" name="nonen" value="en" checked/>
<span>English</span>
</li>
<li>
<input type="radio" name="nonen" value="noen"/>
<span>Non English</span>
<li>
<input type="radio" name="nonen" value="en" checked/>
<span>English</span>
</li>
<li>
<input type="radio" name="nonen" value="noen"/>
<span>Non English</span>