On check all checked

체크 버튼 하나로 모든 체크화 하기


<!DOCTYPE html>
<html lang="ko">
<meta charset="utf-8"> 
<body>

<style>
li, ol, ul {
    list-style: none;
}
</style>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>

<script>
function checkAll()
{
  //alert("ok");
  
   if($("#AgreeAll").prop("checked")) { 
     $("input[type=checkbox]").prop("checked",true); 
    }else 
    { 
      $("input[type=checkbox]").prop("checked",false); 
     }
}
</script>

<p>모든 동의</p>
 
<div>
 
<ul class="rsv_cont">
	<li>
		 <input type="checkbox" id="Agree1" name="Agree1"><span>일반규정</span>
	</li>
	<li>
		 <input type="checkbox" id="Agree2" name="Agree2"><span>요금규정</span>
	</li>
	<li>
		 <input type="checkbox" id="Agree3" name="Agree3"><span>개인정보취급방침</span>
	</li>
	<li>
		<input type="checkbox" id="AgreeAll" name="AgreeAll" onClick="checkAll()"><span>위 예약규정의 내용을 모두 확인하고 이에 동의합니다.</span>
	</li>
</ul>
 
 </div>


</body>
</html>

<!DOCTYPE html>

<body>

<style>

li, ol, ul {

list-style: none;

}

</style>

function checkAll()

{

//alert("ok");

if($("#AgreeAll").prop("checked")) {

$("input[type=checkbox]").prop("checked",true);

}else

{

$("input[type=checkbox]").prop("checked",false);

}

</script>

<div>

<li>

</li>

<li>

</li>

<li>

<input type="checkbox" id="Agree3" name="Agree3"><span>개인정보취급방침</span>

</li>

<li>

<input type="checkbox" id="AgreeAll" name="AgreeAll" onClick="checkAll()"><span>위 예약규정의 내용을 모두 확인하고 이에 동의합니다.</span>

</li>

</ul>

</div>

</body>

</html>