Heim > Artikel > Web-Frontend > So implementieren Sie Javascript, um ein Warnfeld anzuzeigen, wenn das Kontrollkästchen die limit_javascript-Fähigkeiten überschreitet

So implementieren Sie Javascript, um ein Warnfeld anzuzeigen, wenn das Kontrollkästchen die limit_javascript-Fähigkeiten überschreitet

WBOYOriginal: 2016-05-16 16:13:111448Durchsuche

Das Beispiel in diesem Artikel beschreibt die Methode, mit JavaScript ein Warnfeld anzuzeigen, wenn das Kontrollkästchen den Grenzwert überschreitet. Teilen Sie es als Referenz mit allen. Die spezifische Implementierungsmethode lautet wie folgt:

<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>

Ich hoffe, dass dieser Artikel für das JavaScript-Programmierdesign aller hilfreich sein wird.

Stellungnahme：

Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Vorheriger Artikel：JS-Methode zum Realisieren der Hintergrundfarbe mit Farbverlauf beim Eingeben der page_javascript-FähigkeitenNächster Artikel：JS-Methode zum Realisieren der Hintergrundfarbe mit Farbverlauf beim Eingeben der page_javascript-Fähigkeiten

In Verbindung stehende Artikel

Mehr sehen