클릭 한 값에 따라 값을 표시 하시겠습니까?

Question

나는

두 테이블

maincategory 하위 테이블에

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

tagid가 maincategory에서 tagId과 동일

tagId tagName 

4  Gadgets 
5  History 
3  Mathematics 
1  Science 
2  Social 

subcategoryone 있습니다 PHP와 JQuery와 새로운 오전. 여기

내 PHP 코드의 주요 catergory 여기

<?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>"; 
}?> 

을 tagId에 따라 같은 PHP 페이지 페치 하위 테이블에 다른 코드가 메인 카테고리

`

<?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의 체크 표시된 체크 박스를 기반으로 한 값이 표시되어야합니다. 따라서 페이지를 새로 고치지 않고이 작업을 수행해야합니다. 주 카테고리와 하위 카테고리 쿼리가 모두 같은 페이지에 있기 때문입니다.

더 정확하게 말하자면, 메인 카테고리에서 Science를 체크하면, 테이블 하위 카테고리의 발명품과 타임 라인 만 나타나야합니다 (위 표 참조). 당신이 나를 위해 당신의 노력을 착용하는 http://api.jquery.com/jQuery.ajax/

Answer 1

감사 (jQuery로) 당신이 AJAX로 보일 것입니다 페이지를 새로 고치지 않고 원하는 경우

Answer 2

.

여기에서 대답을 찾았습니다. 내 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>