สอบถามสคริปเรื่อง Check All ถ้ากรณ๊เลือกหัวข้อใหญ่แล้วติ๊กเลือกหัวข้อรองทั้งหมดครับ

<script>
function check_cat(id){
	$('.cat_'+id).prop('checked', true);

}
</script>

<input type="checkbox" name="cat[]" value="<?php echo $item->id ?>" onclick="JavaScript:check_cat(<?php echo $item->id; ?>);">

$(document).ready(function() {
	$('#selecctall').click(function(event) {
		var chk=$(this).prop('checked');
		$('.checkbox1').prop('checked', chk);
    });
});

function check_cat( ob ){
	var chk = $(ob).prop('checked');
	$('.data').prop('checked', chk);
}

	$('.main').click(function(e) {
		var chk=$(this).prop('checked');
		$(this).parent().find('.data').prop('checked', chk);
	});

<script language="javascript" src="jquery-2.1.1.min.js" ></script>
<script language="javascript">
function check_cat( id ){
	var chk = $('.cat_'+id).prop('checked');
	$('.data').prop('checked', chk);
}
$(document).ready(function(e) {
	$('span').click(function(e) {
		$(this).parent().find('ul').toggle(500);
	});
	$('.main').click(function(e) {
		var chk=$(this).prop('checked');
		$(this).parent().find('.data').prop('checked', chk);
	});
});
</script>

<form action="index.php?option=com_km&view=km&layout=result2" method="post">
			<input name="keyword" type="text" value="<?php echo $kw; ?>" size="25" /><br><br>
			<input name="and_or" type="radio" value="and" checked> : AND &nbsp;&nbsp;
			<input name="and_or" type="radio" value="or"> : OR <br><br>
<?php 
							foreach ($this->FullSearchListLv1 as $item){
							$db = JFactory::getDbo();
							$sql = "SELECT `id`, `NAME`, `parent` FROM tb_k2_categories WHERE id >0 AND parent ='$item->id' "; 
							$db->setQuery($sql);
							$rs = $db->loadObjectList(); ?>
						<div class="row-check2f">
						<input type="checkbox" name="cat[]" value="<?php echo $item->id ?>" onclick="JavaScript:check_cat(<?php echo $item->id; ?>);">
						<span><?php echo $item->NAME ?></span>
						</div>
								
						<?php 	
						foreach ($rs as $item2){ 
						?>
						<div class="row-check2f subcheck2f">
						<input style="margin-left:15px;" type="checkbox" name="cat[]" class="cat_<?php echo $item->id ?>" value="<?php echo $item2->id ?>">
						<span><?php echo $item2->NAME ?></span>
						</div>
<?php 
						}
					}

	?>					
			<br>
				<br>
					
					<button name="bt" type="submit" class="btn-search2f" value="search-adv">ค้นหา</button>
					
							</form>

<form action="index.php?option=com_km&view=km&layout=result2" method="post">
	<input name="keyword" type="text" value="<?php echo $kw; ?>" size="25" /><br><br>
	<input name="and_or" type="radio" value="and" checked> : AND &nbsp;&nbsp;
	<input name="and_or" type="radio" value="or"> : OR <br><br>
<?php 
foreach ($this->FullSearchListLv1 as $item){
	$db = JFactory::getDbo();
	$sql = "SELECT `id`, `NAME`, `parent` FROM tb_k2_categories WHERE id >0 AND parent ='$item->id' "; 
	$db->setQuery($sql);
	$rs = $db->loadObjectList(); 
?>
	<div class="row-check2f" >
		<input type="checkbox" name="cat[]" value="<?php echo $item->id ?>" class="cat main">
		<span><?php echo $item->NAME ?></span>
<?php 	
	foreach ($rs as $item2){ 
?>
		<div class="row-check2f subcheck2f">
			<input style="margin-left:15px;" type="checkbox" name="cat[]" class="cat data" value="<?php echo $item2->id ?>">
			<span><?php echo $item2->NAME ?></span>
		</div>
<?php 
	}
?>
	</div>
<?php
}

?>					
	<br><br>
	<button name="bt" type="submit" class="btn-search2f" value="search-adv">ค้นหา</button>
</form>

<script language="javascript">
function check_cat( id ){
	var chk = $('.cat_'+id).prop('checked');
	$('.data').prop('checked', chk);
}
$(document).ready(function(e) {
	$('span').click(function(e) {
		$(this).parent().find('ul').toggle(500);
	});
	$('.main').click(function(e) {
		var chk=$(this).prop('checked');
		$(this).parent().find('.data').prop('checked', chk);
	});
});
</script>

<script language="javascript">
$(document).ready(function(e) {
	$('.main').click(function(e) {
		var chk=$(this).prop('checked');
		$(this).parent().find('.data').prop('checked', chk);
	});
});
</script>

<script language="javascript">
$(document).ready(function(e) {
	$('.main').click(function(e) {
		var chk=$(this).prop('checked');
		$(this).parent().find('.data').prop('checked', chk);
	});
});
</script>

<script language="javascript">
$(document).ready(function(e) {
	$('.main').click(function(e) { // search class main ทุกตัว 
		var chk=$(this).prop('checked'); // ตัวแปร this แทน object ที่ถูกเรียก ที่นี้คือ checkbox class main
		$(this).parent()  // อ้างอิง tag แม่ ก็คือ <div>
		.find('.data') // ใน tag div นั้นหา คลาส ชื่อ data
		.prop('checked', chk);  // ในคลาส data นั้น ในที่นี้คือ checkbox class data กำหนด property checked = chk
	});
});
</script>