使单选按钮的行为类似于复选框

Question

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

谢谢

Answer 1

是的，有可能。您可以为每个单选按钮指定一个不同的名称，以便一次选择多个名称，并且可以使用JS添加一个单击事件监听器，该监听器将在单击时检查该框是否已经过检查，如果是，则取消选中它。

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

Answer 2

$("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');
  }
});

Answer 3

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

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