“制作单选按钮”;“可检查的”:HTML

“制作单选按钮”;“可检查的”:HTML,html,radio-button,Html,Radio Button,如何使单选按钮更像一个复选框?我需要单选按钮的功能,但它需要能够被取消选中。您可以选择“无”选项,或者创建一个javascript按钮来取消选中每个单选按钮。我想知道单选按钮的onclick事件是否会在它已被选中的情况下做出反应…通常通过添加另一个选项“无”来实现。用户不会期望单击所选单选按钮会取消选择,因为这不是正常行为 另一个不再经常使用的选项是“清除”按钮。不过我不喜欢这个选项。您可以在每个单选按钮上添加一个onClick函数,如果在选中时单击该按钮,则该单选按钮将取消选中(尚未尝试,但似

如何使单选按钮更像一个复选框?我需要单选按钮的功能,但它需要能够被取消选中。

您可以选择“无”选项,或者创建一个javascript按钮来取消选中每个单选按钮。我想知道单选按钮的onclick事件是否会在它已被选中的情况下做出反应…

通常通过添加另一个选项“无”来实现。用户不会期望单击所选单选按钮会取消选择,因为这不是正常行为


另一个不再经常使用的选项是“清除”按钮。不过我不喜欢这个选项。

您可以在每个单选按钮上添加一个onClick函数,如果在选中时单击该按钮,则该单选按钮将取消选中(尚未尝试,但似乎合理)。不过,对于大多数用户来说,这确实是出乎意料的行为——我认为其他建议“无”选项的答案更好

编辑:只是为了好玩,我试过这个。它起作用了。我的代码很俗气——只是为了快速测试

<script>
  var x = false;
</script>

<input type="radio" value="test 1" name="1" onmousedown="if (this.checked) { x = true; }" onclick="if (x) {this.checked = false; x = false; return true;}" />1
<input type="radio" value="test 2" name="1" onmousedown="if (this.checked) { x = true; }" onclick="if (x) {this.checked = false; x = false; return true;}" />2
<input type="radio" value="test 3" name="1" onmousedown="if (this.checked) { x = true; }" onclick="if (x) {this.checked = false; x = false; return true;}" />3

var x=假;
1.
2.
3.
您可以按照其他人的建议使用“无”选项。如果不可接受,您的其他选择包括:

  • 具有仅接受一个选择的逻辑的复选框
  • 仅允许单个选择的列表框

  • 您需要一次选中多个复选框吗?不需要。单选按钮需要像单选按钮一样工作--它们只需要是不可选择的。您可能需要包含有关此单选按钮所在上下文的一些信息。是HTML吗?WinForms?Swing?告诉每个人你的平台和/或编程环境可能会有帮助…@MYYN,选中复选框时不会排除其他选项,是吗@Adam,HTML.+1不更改基本表单元素的基本行为。这让用户非常困惑。