javascript - 使单选按钮表现得像复选框

Question

我在互联网上看到了有关如何使复选框像单选按钮一样的示例，但是是否可以使用 jquery 使一组单选按钮像复选框（意味着多选和取消选择）一样？让我知道

谢谢

Answer 1

单选按钮的目的是强制“仅选择一个”输入组。

我认为您需要的是如何将复选框设置为看起来像单选按钮。也不建议这样做，因为当浏览器 chrome 在网站上被覆盖时，用户会发现它违反直觉。但是，如果您打算拥有看似单选按钮但具有复选框功能的东西，那将是两个弊端中的较小者。

Answer 2

对的，这是可能的。您可以为每个单选按钮指定一个不同的名称，以便一次选择多个按钮，您可以使用 JS 添加一个单击事件侦听器，该侦听器将查看在单击该框时是否已选中该框，如果是，请取消选中它。

自己尝试一下，如果遇到问题，请发布您尝试过的内容并提出更具体的问题。

Answer 3

$("input[type='radio']").click(function()
{
  var previousValue = $(this).attr('previousValue');
  var name = $(this).attr('name');

  if (previousValue == 'checked')
  {
    $(this).removeAttr('checked');
    $(this).attr('previousValue', false);
  }
  else
  {
    $("input[name="+name+"]:radio").attr('previousValue', false);
    $(this).attr('previousValue', 'checked');
  }
});