Datenschutzerklärung

5 aus 10 check

Validome - Forum

Startseite Validome
RSS 2.0  
Sie sind nicht angemeldet. Atom 1.0  
Forum Home / Javascript-Forum /

5 aus 10 check

  Beitrag schreiben
Autor
Beitrag Seiten: 1
henz
Mitglied

Registriert: 21.12.2007
Beiträge: 4
hallo miteinander,

mein erster beitrag :)

ich habe ein problem, und zwar habe ich eine liste von 10 oder können auch mehre elemente sein, aus denen man nur 5 stück aussuchen kann, und zwar mit einer checkbox. kann ich ein meldefenster aktivieren dass den benutzer darauf hinweist dass er das limit von 5 elemente schon ausgeschöpft hat?

danke


21.12.2007 16:17:34
  Zitieren
HTMELL
Administrator

Registriert: 11.05.2006
Beiträge: 544
Hi,
das ist sogar recht einfach möglich, mit Javascript.
http://www.validome.org/doc/HTML_ge/jav ... ements.htm
http://www.validome.org/doc/HTML_ge/jav ... tm#checked


_______________________________________
mfg
Thomas Mell

www.validome.org

21.12.2007 17:17:11
  Zitieren
henz
Mitglied

Registriert: 21.12.2007
Beiträge: 4
sorry, aber ich hab da nicht die richtige stelle gefunden, die mir weiterhelfen kann.

21.12.2007 18:15:03
  Zitieren
HTMELL
Administrator

Registriert: 11.05.2006
Beiträge: 544
Na dann mach ich mal wieder Hausaufgaben ;-))

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<script type="text/javascript">
function check()    {
    var count = 0;
    var cb = document.forms[0].checkbox;
    for(i=0; i<cb.length; i++)    {
        if(cb[i].checked)    {
            if(++count > 5) {
                alert("Mehr als 5 Checkboxen aktiviert");
            }
        }
    }
}
</script>
</head>

<body>
<form id="form1" name="form1" method="post" action="">
  <input type="checkbox" name="checkbox" value="checkbox" onclick="check()" />
  <br />
  <input type="checkbox" name="checkbox" value="checkbox" onclick="check()" />
  <br />
  <input type="checkbox" name="checkbox" value="checkbox" onclick="check()" />
  <br />
      <input type="checkbox" name="checkbox" value="checkbox" onclick="check()" />
  <br />
      <input type="checkbox" name="checkbox" value="checkbox" onclick="check()" />
  <br />
      <input type="checkbox" name="checkbox" value="checkbox" onclick="check()" />
  <br />
      <input type="checkbox" name="checkbox" value="checkbox" onclick="check()" />
  <br />
      <input type="checkbox" name="checkbox" value="checkbox" onclick="check()" />
  <br />
      <input type="checkbox" name="checkbox" value="checkbox" onclick="check()" />
  <br />
      <input type="checkbox" name="checkbox" value="checkbox" onclick="check()" />
</form>
</body>
</html>



_______________________________________
mfg
Thomas Mell

www.validome.org

21.12.2007 19:22:01
  Zitieren
henz
Mitglied

Registriert: 21.12.2007
Beiträge: 4
super, vielen dank. hat mir echt weitergeholfen

27.12.2007 12:07:04
  Zitieren
henz
Mitglied

Registriert: 21.12.2007
Beiträge: 4
wie kann ich eigentlich die umgekehrte version machen. damit eine meldung kommt, die ansagt dass zuwenig fleder angeklickt wurden. habe es so probiert, aber funkt nicht:

var count = 0;
var cb = news.checkbox;
for(i=0; i<cb.length; i++)    {
        if(cb[i].checked)    {
            if(++count > 5) {
                alert("Zuviele Checkboxen sind aktiviert. ");
            } else if (++count < 5) {
               alert("Man kann noch var count boxen aussuchen");
            }
         }
    }

geht so was überhaupot


27.12.2007 12:48:11
  Zitieren
Seiten: 1   Beitrag schreiben
Wechsel zu

Die letzten Beiträge aus diesen Forum

Valid HTML 4.01