Question

好吧，伙计们，我是这个领域的新手所以请你好好处理。我已经获得了一个表格，其中已经填充了值以及每个值的复选框。表格分为三层，即 1）选择所有信息，其中：2）有四个类别，其中3）随机数据被填充。

现在，如果我尝试选中“选择所有信息”复选框中的所有复选框，则可以正常工作。但是我怎样才能在第二层下选择特定的表格数据。下面是我在脚本标记中编写一些代码的代码。它在代码片段中显示我工作正常但是一旦数据填充在表中，它就不能在第2层工作。任何建议都会非常有用。感谢。

#left

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"> </script>
<script>
    $(function(){
   	     $("#Select_All").click(function () {
         $('.Parent_Selection').attr('checked', this.checked);
         $('.Child_Selection').attr('checked', this.checked);
    
          });});

    $(function() {   
        $("#Parent_ID").click(function(){ 
    	$(".Child_Selection").attr('checked', this.checked);
    	
        });});
    </script>

Answer 1

你可以这样使用它：

$(function(){
    $("#Select_All").change(function () {
        $('.Parent_Selection, .Child_Selection').prop('checked', this.checked);
    });
    $(".Parent_Selection").change(function(){ 
        $(".Child_Selection", this).prop('checked', this.checked);
    });
});

此外，您应该考虑为每个元素使用不同的ID，因为您有一个循环来生成元素，因此每个循环都会导致应用相同的ID。

实现jQuery以检查表中表的复选框。

1 个答案: