การใช้ Checkbox เพื่อ Disable หรือ Enable Checkbox

  <script src="http://code.jquery.com/jquery-latest.js"></script>
  <meta http-equiv="Content-Type" content="text/html; charset=utf8" />

<script type="text/javascript">
	$(document).ready(function(){
		$("td[for='subGroup'] :checkbox").attr({"disabled":"disabled"});
		//  เมื่อโหลดหน้านี้ก็กำหนดให้ซ่อน เช็คบ็อกซ์ที่อยู่ภายใต้ td ที่มี attrubute for=subGroup ทั้งหมด

		$(":checkbox[for='groupController']").change(function(){  // เมื่อมีการคลิ๊กที่ตัวควบคุม			
			var checking = $(this).prop("checked");
			$(this).parents("tr").find("td[for='subGroup'] :checkbox").prop({"disabled":!checking});
		});
	});
</script>
  <table border="1">
  <tr>
  <td width="150"><input type="checkbox" name="A" for="groupController" />A</td>
  <td width="250" for="subGroup"><input type="checkbox" name="AA">AA&nbsp;<input type="checkbox" name="AB">AB&nbsp;</td>
  </tr>
  <tr>
  <td><input type="checkbox" name="B" for="groupController" />B</td>
  <td for="subGroup"><input type="checkbox" name="BA">BA&nbsp;<input type="checkbox" name="BB">BB&nbsp;</td>
  </tr>
  </table>