JavaScript Checkboxen - Website X5 Hilfe - Die Helpsite

Checkboxen und Radiobutton mit JavaScript.

<script type="text/javascript">
function Test1() {
var AA =""
if (document.Formel2.Auswahl.selectedIndex == -1){
 AA = "nichts";
}
else {
 AA = document.Formel2.Auswahl.options
 [document.Formel2.Auswahl.selectedIndex].value;
}
alert("Du hast " + AA + " ausgewählt.");
}
</script>
<form name="Formel2">
<select name="Auswahl" size=3>
 <option value="Nägel"> Nägel
 <option value="Schrauben"> Schrauben
 <option value="Muttern"> Muttern
 <option value="Scheiben"> Scheiben
 <option value="Stifte"> Stifte
</select>
<input type=button value="Meine Auswahl" onClick="Test1()">
</form>

<script type="text/javascript">
function test2() {
if (document.formel.a.checked == true) {
alert('Checkbox ausgewählt');
}
if (document.formel.b[0].checked == true) {
alert('Radiobutton 1 ausgewählt');
}
if (document.formel.b[1].checked == true) {
alert('Radiobutton 2 ausgewählt');
}
}
</script>
<form name="formel">
<input type=checkbox name=a><br>
1<input type=radio name=b><br>
2<input type=radio name=b><br>
<input type=button value="Prüfen"
onClick="test2()">
</form>

<script type="text/javascript">
function check() {
if(document.formel3.r.checked==true) {
 document.formel3.elements['GehWeiter'].disabled=false;
}
else {
 document.formel3.elements['GehWeiter'].disabled=true;
}
}
</script>
<form name="formel3">
<input type=checkbox name="r" onClick="check()">
<br />Ja, ich möchte auf die Startseite <br><br>
<input type=button value="...Weiter" disabled name="GehWeiter"
onClick="location='index.php';">
</form>

<script type="text/javascript">
function Check() {
var vote = 0;
for (var i = 0; i < document.auswahl.vote.length; i++) {
 if (document.auswahl.vote[i].checked) {
 vote = i+1;
 }
}
if (vote == 0) {
 alert ("Bitte wählen Sie etwas aus.");
}
else {
 alert("Danke für Ihre Auswahl!");
}
}
</script>
<form name="auswahl">
<input type=radio name="vote"> Geld
<input type=radio name="vote"> Auto
<input type=radio name="vote"> Glück
<input type=radio name="vote"> Liebe
<input type=button value="Meine Wahl!" onClick="Check()">
</form>

<script type="text/javascript">
function Datenbank() {
var Satz = document.Form3.index.options
[document.Form3.index.selectedIndex].value
var Wort = Satz.split("*")
var Land = Wort[0]   // Land
var Stadt = Wort[1]  // Hauptstadt
var TLD = Wort[2]    // Top-Level Domain
alert("Land:" + Land + "\rStadt:" + Stadt + "\rTLD.:" + TLD)
}
</script>
<form name="Form3">
<select NAME="index" size=1>
<option selected value=" Deutschland * Berlin * DE "> Deutschland
<option value=" Österreich * Wien * AT "> Österreich
<option value=" Schweiz * Bern * CH "> Schweiz
<option value=" Frankreich * Paris * FR "> Frankreich
<option value=" England * London * UK "> England
<option value=" Polen * Warschau * PL "> Polen
<option value=" Ungarn * Budapest * HU "> Ungarn
<option value=" Spanien * Matrid * ES "> Spanien
<option value=" Luxemburg * Luxemburg * LU "> Luxemburg
<option value=" Griechenland * Athen * GR "> Griechenland
</select>
<input type=button value="Daten anzeigen" onClick="Datenbank()">
</form>

<script type="text/javascript">
function taste(A,B) {
var item = A.toString();
if (document.getElementById(item).value == B) {
 document.getElementById(item).value = A;
}
else {
document.getElementById(item).value = B;
}
}
</script>
<input type=button id="Gurken" value="Gurken" onClick="taste('Gurken' , 'Gurken*');">  -
<input type=button id="Paprika" value="Paprika" onClick="taste('Paprika' , '<Paprika>');"> -
<input type=button id="Tomaten" value="Tomaten" onClick="taste('Tomaten' , '[Tomaten]');">

1: <input TYPE="radio" NAME="radio" value="Deine erste Nachricht"
onClick="alert(value)">
<br />
2: <input TYPE="radio" NAME="radio" value="Deine zweite Nachricht"
onClick="alert(value)">
<br />
3: <input TYPE="radio" NAME="radio" value="Deine dritte Nachricht"
onClick="alert(value)">

<script type="text/javascript">
function check_auswahl() {
 var check = 0;
 for (var zaehler = 0; zaehler < (document.getElementsByName("id[]").length); zaehler++) {
 if (document.getElementsByName("id[]")[zaehler].checked) {
 check++;
 }
}
  document.getElementById("status").innerHTML = check;
}
</script>
<form action="x5_demo.php" method="post">
<input type="checkbox" name="id[]" value="Pizza" onClick="check_auswahl();"> Pizza <br>
<input type="checkbox" name="id[]" value="Chips" onClick="check_auswahl();"> Chips <br>
<input type="checkbox" name="id[]" value="Cola" onClick="check_auswahl();"> Cola <br>
<br />
Ausgewählt: <span id="status">0</span> <br><br>
<input type="submit" value="Auswahl anzeigen">
</form>

Inhalt externe Datei "x5_demo.php"
<?php
// Datei: demo.php
if (isset($_POST["id"]))
echo "Auswahl: <br>";
foreach ($_POST["id"] as $element)
echo $element . "<br>";
else
echo "Es wurde nichts ausgewählt!";
?>
<br><br>&raquo; <a href="javascript:history.back()">Zur&uuml;ck</a>

<script type="text/JavaScript">
var feld = 1;
var feldm = 1;
function feld_plus() {
if (feld <= 10) {
 var inhalt = "Feld " + feld;
 document.getElementById('dynamic_input').innerHTML +=
 "<input type='text' name='n_" + feld + "' value='" + inhalt + "'><br>";
 feld++;
}
}
function feld_minus() {
if (feld > feldm) {
feld--;
 document.getElementById('dynamic_input').innerHTML = "";
 for (var zaehler = feldm; zaehler < feld; zaehler++) {
 var inhalt = "Feld " + zaehler;
 document.getElementById('dynamic_input').innerHTML +=
 "<input type='text' name='n_" + zaehler + "' value='" +
 inhalt + "'><br>";
 }
}
}
</script>
<br />
Felder hinzufügen <input type="button" value="-" onClick="feld_minus();">
<input type="button" value="+" onClick="feld_plus();"> <br><br>
<br />
<div id="dynamic_input"></div>

Mit PHP kann man den Feldinhalt dann so auswerten:
<?php
if ($_SERVER["REQUEST_METHOD"] == "POST")
for ($zaehler = 1; $zaehler <= 10; $zaehler++)
if (isset($_POST["n_" . $zaehler]))
echo $_POST["n_" . $zaehler];
?>

<select id="selA" onChange="document.getElementById('selB').disabled = false">
<option>Bitte auswählen</option>
<option>Auswahl 1</option>
<option>Auswahl 2</option>
<option>Auswahl 3</option>
</select>
-&gt;
<select id="selB" disabled="disabled">
<option>Unterauswahl 1</option>
<option>Unterauswahl 2</option>
<option>Unterauswahl 3</option>
</select>