チェックボックスがlimit_javascriptスキルを超えたときに警告ボックスをポップアップ表示するJavaScriptを実装する方法-jsチュートリアル-php.cn

チェックボックスがlimit_javascriptスキルを超えたときに警告ボックスをポップアップ表示するJavaScriptを実装する方法

WBOY

リリース： 2016-05-16 16:13:11

オリジナル

1430 人が閲覧しました

この記事の例では、チェックボックスが制限を超えた場合に JavaScript を使用して警告ボックスをポップアップ表示する方法について説明します。皆さんの参考に共有してください。具体的な実装方法は以下の通りです。

<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 プログラミング設計に役立つことを願っています。