Jquery 只选中一个复选框，取消选中其他复选框

我当时只想勾选一个复选框，其他复选框则不勾选，但当我想勾选新复选框时，pervious将不勾选，以此类推

我尝试了以下代码：

JS文件

$('input[type="checkbox"]').click(function() {
$(".check_class").attr("checked", false);
$(this).attr("checked", true);    
});

HTML文件

    <ons-list-header>Takistused</ons-list-header>
    <ons-list-item modifier="tappable">
      <label class="checkbox checkbox--noborder checkbox--list-item">
        <input type="checkbox" id="example">
        <div class="checkbox__checkmark checkbox--noborder__checkmark checkbox--list-item__checkmark"></div>
        vihmaveerenn
      </label>
    </ons-list-item>
    <ons-list-item modifier="tappable">
      <label class="checkbox checkbox--noborder checkbox--list-item" id="test">
        <input type="checkbox" id="example">
        <div class="checkbox__checkmark checkbox--noborder__checkmark checkbox--list-item__checkmark" ></div>
        äärekivi
      </label>
    </ons-list-item>
    <ons-list-item modifier="tappable" >
      <label class="checkbox checkbox--noborder checkbox--list-item" id="test1">
        <input type="checkbox" id="example">
        <div class="checkbox__checkmark checkbox--noborder__checkmark checkbox--list-item__checkmark"></div>
        munakivi tee
      </label>
    </ons-list-item>
  </ons-list>

Takistused
维马韦伦
ärekivi
穆纳基维酒店

---

我做错了什么？我尝试过不同的方法，但在实际使用中它不起作用。

您确实应该使用单选按钮来实现这类功能，但是您可以使用

而不是
从一组匹配项中排除一项，如下所示：

$('input[type="checkbox"]').click(function() {
   $('input[type="checkbox"]').not(this).prop("checked", false);
});

JSFiddle:

注意：对于某些属性，如选中的
属性，您需要使用
prop
而不是
attr

您可以通过缓存选中的复选框来提高效率：

var $checks = $('input[type="checkbox"]');
$checks.click(function() {
   $checks.not(this).prop("checked", false);
});

试试
。不要（这个）
像下面这样：


$（文档）。在（'click'，'input[type=“checkbox”]”上，函数（）
$（'input[type=“checkbox”]”）。不是（this）.prop（'checked'，false）；
});

$（函数（）{
$（'input[type=checkbox]'）。单击（函数（）{
var chkBox=document.getElementById（“”）；
var chks=chkBox.getElementsByTagName（'INPUT'）；
对于（i=0；i
如果要使用类执行此操作。除了当前元素之外，您还可以添加类和删除

jQuery(document).on('click', '.esg-filterbutton', function() { 
    jQuery(this).addClass('selected');     
    jQuery('.esg-filterbutton').not(this).removeClass('selected');  
});

为什么不只用单选按钮呢？这就是它们的用途：）（如果您坚持的话，您可以将其样式设置为类似复选框）请注意，您的示例是无效的HTML，因为您有重复的IDSTureBlueAussie TNX供您参考。您需要使用单选按钮，这就是它们的用途。TrueBlueAussie，我感谢您的帮助，你的提问是你提到的最好的理由，我必须使用单选按钮而不是复选框：）TNX:）寻求帮助，我忘记了html id规则：）如果您使用@TrueBlueAussie saysAlso这样的收音机会更好。注意：此处的
if
复选框是不需要的，因为它不可能处于这种情况下。请使用更多信息进行编辑。“仅编码”和“尝试此”答案是错误的，因为它们不包含可搜索的内容，并且没有解释为什么有人应该“尝试此”。
jQuery(document).on('click', '.esg-filterbutton', function() { 
    jQuery(this).addClass('selected');     
    jQuery('.esg-filterbutton').not(this).removeClass('selected');  
});