Javascript Jquery编辑代码以仅选择一个复选框

编辑-

感谢你们在这方面的帮助，接受你们的建议我理解你们的全部正确，我应该使用更适合我需要的代码，问题是我还不能编写代码，所以由于截止日期，我需要借用一个，我找到了一个适合我需要的一个问题

这是我想要使用的代码

HTML

启动时，它会立即将所有结果显示在复选框中，然后在用户勾选相关结果的复选框时对其进行过滤，然后在取消勾选每个复选框时，所有结果都会再次显示。有谁能告诉我如何扭转这种局面，在启动时隐藏所有结果，并在没有勾选复选框时再次隐藏

---

谢谢，

您似乎正在寻找默认的复选框行为。您可以使用常规复选框并应用与该示例页面中的样式类似的样式。不要使用他们的javascript代码。

为了触发其他复选框，可以将事件处理程序绑定到“全部标记”复选框，并使其触发过滤复选框

演示 这是一个例子

html: 给定以下html：

<div class="checkbox-wrapper">
  <input class="checkbox-all" type="checkbox">
  <input class="checkbox" type="checkbox">
  <input class="checkbox" type="checkbox">
  <input class="checkbox" type="checkbox">
  <input class="checkbox-all" type="checkbox">
  ...
</div>

---

这将与引用的脚本一起用于切换元素。

如果不希望自动选中复选框，为什么要使用它？如果我没看错你的问题，你想要一个标准的复选框外观吗？@Flater是的，没错，这个代码非常适合我的需要。问题是如果我在一个结果中编码，比如说有6个不同的标签，每个标签都有自己的复选框，如果我选择其中一个复选框，代码将自动勾选与标签对应的其他5个复选框。我想从代码中删除这个函数，这样勾选的唯一复选框就是用户选择的复选框。我尝试过其他的复选框过滤器，这是目前唯一适合我的设计需要的，当我还是一个新手的时候，为什么不使用复选框呢？如果某个特定的自定义功能是您特别不想要的，那么我认为使用该功能没有任何意义。主要原因是，这是我第一个在JS中进行这种非常特定的编码的项目，因此如果我可以进行简单的编辑，那么它将比从头开始编写Jquery更容易，在我知道如何编码它之前需要更多的时间。THX为您的答案Flater。我知道你的权利，但我缺乏JS经验是为什么我想看看我是否可以做代码编辑，而不是从头开始，从我的C++背景，我可以识别一些元素，但不是所有的，我必须学习更多的学习代码。谢谢你的回答，弗洛勒明

$('input').change(function() {
  var allchecked=0; 
  $('input').each(function() {
    var checked;
    if (checked = $(this).attr('checked')) {allchecked++};
    var numberofrooms = $('li[data-bedrooms='+$(this).data('bedrooms')+']');
    checked ?  numberofrooms.show('slow'): numberofrooms.hide('slow');
  });
  if(allchecked==0){$('li').show('slow');}
});

<div class="checkbox-wrapper">
  <input class="checkbox-all" type="checkbox">
  <input class="checkbox" type="checkbox">
  <input class="checkbox" type="checkbox">
  <input class="checkbox" type="checkbox">
  <input class="checkbox-all" type="checkbox">
  ...
</div>

$(function(){ // Same as $(document).ready(function(){});

  // Cache variables
  var list, $this, checked;

  // Bind event handler for check all checkbox
  $('.checkbox-wrapper').on('click', '.checkbox-all', function(){

    // Get all checkboxes following the clicked "mark all"
    list = $(this).nextUntil('.checkbox-all', '.checkbox');

    // See if the current all checkbox is "chceked"
    checked = $(this).prop('checked');

    list.each(function(){

      $this = $(this);

      // Trigger the click event          
      if ( checked ){
        if ( !$this.prop('checked') )
          $(this).trigger('click');
      } else {
        if ( $this.prop('checked') )
          $(this).trigger('click');
      }

    });

  });

});