標籤:body form lis lang html bsp box src php
<!doctype html><html lang="en"><head><meta charset="UTF-8" /><title>Document</title><script src="./js/jquery.min.js"></script></head><body> <form action="" method="post"> <input type="checkbox" name="like[]" class="checkList" value=<?php echo 111;?>>ball<br> <input type="checkbox" name="like[]" class="checkList" value=2>study<br> <input type="checkbox" name="like[]" class="checkList" value=3>game<br> <input type="checkbox" name="like[]" class="checkAll" value=4>全選/全不選 </form></body><script>$(".checkAll").click(function() { var flag1 = $(".checkList").attr("checked") == "checked" ? 1 : 2; if (flag1 == 1) { window.location.reload(); } //flag為<input type="checkbox" name="like[]" class="checkAll" value=4>全選/全不選 的標誌 //它全選 flag = 2; 它全不選 flag = 1; var flag = $(this).attr("checked") == "checked" ? 1 : 2; if (flag == 2) { //全選 $(this).attr("checked", "checked"); $(".checkList").attr("checked", "checked"); } else { //否則全不選 $(this).removeAttr("checked"); $(".checkList").removeAttr("checked"); }});</script></html>
jquery實現全選/全不選