Javascript 用于选中所有框并隐藏表行元素的选项

我已经创建了一个简单的表，可以选择所有复选框。我希望在使用“全选”功能时可以选择隐藏单个行或隐藏所有行。我已设法使复选框正常工作，但我不明白为什么表没有响应该操作。我感谢任何帮助或见解

完整的代码在这里。下面是jquery和javascript的概览：

 <script>
   $(document).ready(function() {
     $('input[type="checkbox"]').change(function() {
       var inputValue = $(this).attr("value");
       $("." + inputValue).toggle();
     });
   });
 </script>

 <script>
   function checkedAll() {
     var elements = this.form.getElementsByTagName('input');
     // iterate and change status
     for (var i = elements.length; i--;) {
       if (elements[i].type == 'checkbox') {
         elements[i].checked = this.checked;
       }
     }
   }
 </script>

$（文档）.ready（函数（）{
$（'input[type=“checkbox”]”）。更改（函数（）{
var inputValue=$（this.attr（“值”）；
$（“+inputValue）.toggle（）；
});
});
函数checkedAll（）{
var elements=this.form.getElementsByTagName（'input'）；
//迭代并更改状态
对于（var i=elements.length；i--；）{
if（元素[i]。类型=='checkbox'）{
元素[i].checked=this.checked；
}
}
}

$（文档）.ready（函数（）{
$（'input[type=“checkbox”]”）。更改（函数（）{
var inputValue=$（this.attr（“值”）；
var checked=$（此）[0]。已选中；
$（“tr”）。每个（函数（）{
if（$（this）.find（“td:eq（0）”）.html（）==inputValue.toString（））{//这将检查表中每行的第一个单元格是否匹配
如果（选中）{//而不是仅仅切换，则检查状态，然后显示/隐藏
$（this.hide（）；
}否则{
$（this.show（）；
}
}
});
});
});
函数checkedAll（）{
var elements=this.form.getElementsByTagName（'input'）；
//迭代并更改状态
对于（var i=elements.length；i--；）{
if（元素[i]。类型=='checkbox'）{
元素[i].checked=this.checked；
$（elements[i]）.trigger（“change”）；//这将触发上面的函数
}
}
}

这应该对你有用。

。每个

循环将遍历行并隐藏第一个

td

是要隐藏的值的行。

应该匹配的

$（““+inputValue”）

是什么？

<script>
   $(document).ready(function() {
     $('input[type="checkbox"]').change(function() {
       var inputValue = $(this).attr("value");
       var checked =  $(this)[0].checked;
       $("tr").each(function() {
           if($(this).find("td:eq(0)").html() === inputValue.toString()) { // this checks the first cell of each row of the table for a match
               if(checked) {        //instead of just toggling, you check the status and then show/hide
                   $(this).hide();
               } else {
                   $(this).show();
               }
           }
       });
     });
   });
 </script>
 <script>
   function checkedAll() {
     var elements = this.form.getElementsByTagName('input');
     // iterate and change status
     for (var i = elements.length; i--;) {
       if (elements[i].type == 'checkbox') {
         elements[i].checked = this.checked;
         $(elements[i]).trigger("change"); // this triggers the function above
       }
     }
   }
 </script>