Question

如何使单选按钮的操作更像复选框？我需要单选按钮的功能，但需要能够取消选择。

Answer 1

通常可以通过添加另一个选项“无”来实现。用户不希望单击选定的单选按钮会取消选择它，因为这不是正常行为。

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

Answer 2

您可以选择“无”选项，或创建一个javascript按钮取消选中每个单选按钮。我想知道单选按钮的onclick事件是否已经被选中...

Answer 3

你可以为每个单选按钮添加一个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

Answer 4

您可以使用其他人建议的“无”选项。如果这是不可接受的，您的其他选择是：

选中逻辑框以仅接受一个选择。
仅允许单个选择的列表框。

使单选按钮“可检查”：HTML

4 个答案: