[ JAVASCRIPT ] 아이스크림 사이즈와 종류 선택하기

체크박스 또는 라디오버튼에 onclick 핸들러

 

• 아이스크림 사이즈를 선택한 후 아이스크림 종류를 선택해야 한다. 
• 아이스크림 사이즈를 선택하지 않고 종류 선택을 했을 시 "사이즈 우선 선택" 경고창이 뜨며 선택이 되지 않도록 한다.
• 아이스크림 사이즈만큼 아이스크림 종류를 선택할 수 있다.
• 이미 아이스크림을 사이즈 크기만큼 선택했을 시에는 "개수초과" 경고창이 뜬다.

 

주요코드

		<input type="checkbox" name="checkGroup" id="a2" value="엄마" onclick="checkcheck(this)">
		<label for="a2">엄마는 외계인</label>

체크박스에 onclick 핸들러

	function checkcheck(box)
	{		
 		if (box.checked)
		{
			alert("this 체크박스 선택");	
		}
		else
			alert("this 체크박스 선택 안되어있음");
    }

체크박스 선택 시 실행되는 함수 

 

 

codepen.io/friknsy/pen/jOBNEzN">

See the Pen jOBNEzN by LEEOH (@friknsy) on CodePen.