Prüfen ob eine von vielen Checkboxen markiert ist

kingluui

Intermediate

Posts: 81

Sunday, February 8th 2009, 11:19pm

Prüfen ob eine von vielen Checkboxen markiert ist

Hallo zusammen,

hier nochmal meine Tabelle aus meinem PHP Thema, die Tabelle hat nur 2 Zeilen in Wirklichkeit hat die aber viel mehr, also auch viel mehr Checkboxen, umschlossen von einem Formular:

HTML Code

<form id="form" name="form" method="post" action="go.php" enctype="application/x-www-form-urlencoded" onsubmit="pruefenform();">
<table width="320" border="0" cellspacing="0" cellpadding="0">
<tr>
    <td width="120">Orangen</td>
    <td width="120"><input style="display:none;" name="itemMenge[1]" type="text" id="itemMenge1" onkeyup="document.getElementById('item[1]').value=document.getElementById('itemMenge1').value" size="10" /></td>
    <td><input type="checkbox" name="item[1]" id="item[]" onmouseover="this.style.cursor='hand';" onclick="if(this.checked==true){document.getElementById('itemMenge1').style.display='block';}else{document.getElementById('itemMenge1').style.display='none';}" /></td>
  </tr>
</table>
<table width="320" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td width="120">Birnen</td>
    <td width="120"><input style="display:none;" name="itemMenge[2]" type="text" id="itemMenge2" onkeyup="document.getElementById('item[2]').value=document.getElementById('itemMenge2').value" size="10" /></td>
    <td><input type="checkbox" name="item[2]" id="item[]" onmouseover="this.style.cursor='hand';" onclick="if(this.checked==true){document.getElementById('itemMenge2').style.display='block';}else{document.getElementById('itemMenge2').style.display='none';}" /></td>
  </tr>
</table>
<table width="320" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td width="120"><input type="submit" name="button" id="button" value="Senden" /></td>
    <td width="120" align="right">Alle markieren!</td>
    <td><input class="checkbox" type="checkbox" onclick="checkall(this.checked,'item');if(this.checked==true){document.getElementById('itemMenge1').style.display='block';document.getElementById('itemMenge2').style.display='block';}else{document.getElementById('itemMenge1').style.display='none';document.getElementById('itemMenge2').style.display='none';}" /></td>
  </tr>
</table>
</form>

Wie kann ich vor dem Versenden des Formulars prüfen ob mindestens eines der Checkboxen markiert wurde?

Viele Grüße

kingluui

php_newbie

Trainee

Posts: 13

Monday, February 9th 2009, 12:55am

So mal hier was ganz einfaches. Enmal den Javascript code:

JavaScript Code

<SCRIPT language="JavaScript">
function check_form() {
	if(document.form["item[1]"].checked == false && document.form["item[2]"].checked == false){
		alert('Bitte wähle eine Checkbox aus!');
		return false;
	}
}
</SCRIPT>

Dann musst du noch dein Absende Button bearbeiten in:

HTML Code

<td width="120"><input type="submit" name="button" id="button" value="Senden" onclick="return check_form()"/></td>

Dann müsste das klappen.

PHP_NEWBIE

Torben Brodt

Administrator

Posts: 8,454

Monday, February 9th 2009, 6:23pm

Du kannst dir dazu auch mal meine Funktion getFormData anschauen:
http://www.easy-coding.de/wiki/html-ajax….html#headline6

Die ist ganz gut, wenn man Formulare in JavaScript/AJAX verarbeiten will.