php - 根据单击的复选框显示值？

Question

我是 PHP 和 jquery 新手

有两个表

主类别

tagId    tagName

4        Gadgets
5        History  
3      Mathematics  
1       Science   
2        Social

子类别

subOneTagId tagid subOneTagName
1             1    Inventions
2             2    Discoveries
3             1    Timeline

子类别表中的

tagid与主类别中的tagId相同。

这是我的 PHP 代码获取主要类别

<?php 
$res=mysqli_query($con,"select * from maincategory order by tagName") or die("error");
while($row=mysqli_fetch_array($res))
{
   echo "<input type='checkbox' value='".$row['tagId']."' name='tags[]' id='tag".$row['tagId']."'>   
   <label for='tag".$row['tagId']."'>".$row['tagName']."</label><br>";
}?>

这是同一 php 页面中的另一个代码，根据主类别中检查的 tagId 获取子类别表

`

<?php
  $res=mysqli_query($con,
 "select * from subcategoryone order by subOneTagName where tagid='tag".$row['tagId']) 
  or die("error");
 while($row=mysqli_fetch_array($res))   {
    echo "<input type='checkbox' value='".$row['subOneTagId']."' name='subtags[]' 
        id='subtag".$row['subOnetagId']."'> 
        <label for='subtag".$row['subOneTagId']."'>".$row['subOneTagName']."</label><br>";
 }
 ?>

问题是子类别表最初是隐藏的。子类别表是一组复选框，如您在上面的 php 代码中看到的那样。子类别表(最初是隐藏的)应根据 maincategory 中选中的复选框显示值。所以这应该在不刷新页面的情况下发生。因为主分类和子分类查询都在同一个页面。

更准确地说，当我在主类别中检查“科学”时，只应显示表子类别中的“发明”和“时间表”(请参阅​​上表)。

Answer 1

谢谢你为我付出的努力。

在这里我找到了答案。我的 JS 在这里。

<script type="text/javascript">
    function showSubCategories(element)
    {
    }
    $(document).ready(function(){
        $('.mainCategory label,.mainCategory input').click(function(){
            var parentDiv = $(this).parents('div:first');
            var tagId = parentDiv.attr('tag-id');
            if(parentDiv.children('input:first').prop('checked') == true)
            $('.subCategoryOne div.tag-id-'+tagId).css('display','block');
            else
            $('.subCategoryOne div.tag-id-'+tagId).css('display','none');
        });
    });
</script>

然后我重写了子类别表。

<td>
    <?php $res=mysqli_query($con,"select * from subcategoryone order by subOneTagName") or die("error");
                                        while($row=mysqli_fetch_array($res))
                                        {
                                            echo "<div class='tag-id-".$row['tagId']."'><input class='main-tag-".$row['tagId']."' type='checkbox' 
                                                         value='".$row['subOneTagId']."'
                                                         name='subtags[]' 
                                                         id='subtag".$row['subOneTagId']."'> 
                                                  <label class='main-tag-".$row['tagId']."' for='subtag".$row['subOneTagId']."'>
                                                        ".$row['subOneTagName']."</label></div>";
                                        }?>
                                    </td>