집 >웹 프론트엔드 >JS 튜토리얼 >체크박스가 Limit_javascript 스킬을 초과하면 경고창이 뜨도록 자바스크립트를 구현하는 방법

체크박스가 Limit_javascript 스킬을 초과하면 경고창이 뜨도록 자바스크립트를 구현하는 방법

WBOY원래의: 2016-05-16 16:13:111478검색

이 글의 예시에서는 체크박스가 한도를 초과했을 때 자바스크립트를 이용해 경고창을 띄우는 방법을 설명합니다. 참고할 수 있도록 모든 사람과 공유하세요. 구체적인 구현 방법은 다음과 같습니다.

<html>
<title>javascript实现复选框超过限制即弹出警告框的方法</title>
<body>
<SCRIPT LANGUAGE="JavaScript">
<!--//
function countChoices(obj) {
max = 2;
box1 = obj.form.box1.checked;
box2 = obj.form.box2.checked;
box3 = obj.form.box3.checked;
count = (box1 &#63; 1 : 0) + (box2 &#63; 1 : 0) + (box3 &#63; 1 : 0);
if (count > max) {
alert("对不起，你只能选择" + max + "个项目!");
obj.checked = false;
  }
}
//-->
</script>
   <form name="form">
    请最多选择2个项目： 
    <p> 
     <input type=checkbox name=box1 onClick="countChoices(this)">
     选择项目1
    <p> 
     <input type=checkbox name=box2 onClick="countChoices(this)">
     选择项目2
    <p> 
     <input type=checkbox name=box3 onClick="countChoices(this)">
     选择项目3
    <p> 
   <div>
</div>
</FORM>
</body>
</html>

이 기사가 모든 사람의 JavaScript 프로그래밍 설계에 도움이 되기를 바랍니다.

성명：

이전 기사：page_javascript 스킬 입력시 그라데이션 배경색을 구현하는 JS 메소드다음 기사：page_javascript 스킬 입력시 그라데이션 배경색을 구현하는 JS 메소드

체크박스가 Limit_javascript 스킬을 초과하면 경고창이 뜨도록 자바스크립트를 구현하는 방법

관련 기사