Mehrere Formularfelder disablen

K

kamstarr

Mitglied
Hey Leute

ich weiß, dass dieses Thema schon tausendmal angesprochen wurde...

aber ich raffs einfach net, kenn mich mit javascript überhaupt nicht aus...

habe folgendes:

<input name="xx"
onclick="document.getElementById('jntext').disabled=false"
type="radio"> ja <input name="xx"
onclick="document.getElementById('jntext').disabled=true"
type="radio"> nein

möchte damit mehrere Felder ansprechen...

ich weiß es geht mit einer for schleife, weiß aber nicht wie ich

for...getelement...

in den head schreiben soll....

danke im voraus
 
Hi,

hier ein kleines Beispiel:
Code: 
<html>
<head>
<title>www.tutorials.de</title>
<meta name="author" content="Quaese">
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<script type="text/javascript">
<!--
function toggleInputs(objForm, arrNames, blnDisabled){
  // Namen-Array durchlaufen
  for(var i=0; i<arrNames.length; i++){
    objForm.elements[arrNames[i]].disabled = blnDisabled;
  }
}
//-->
</script>
</head>
<body>
<form action="file.php" method="post">
<div>
  <input name="xx" onclick="toggleInputs(this.form, ['txt01', 'txt02', 'txt03', 'txt04'], false);" type="radio"> ja<br>
  <input name="xx" onclick="toggleInputs(this.form, ['txt01', 'txt02', 'txt03', 'txt04'], true);" type="radio"> nein
</div>
<div>
  <input type="text" name="txt01" value=""><br>
  <input type="text" name="txt02" value=""><br>
  <input type="text" name="txt03" value=""><br>
  <input type="text" name="txt04" value=""><br>
</div>
</form>
</body>
</html>

Im onclick-Event wird eine Funktion aufgerufen. Dieser werden folgende Parameter übergeben:
- Referenz auf das Formular (objForm)
- Array mit den Namen der Felder die disabled/enabled werden sollen (arrNames)
- boolescher Wert (true=disabled, false=enabled)

Vielleicht hilft dir das weiter.

Ciao
Quaese
 
danke genau das habe ich gesucht.......

eine frage:

könnte man sowas mit css und divs realisieren oder muss man javascript benutzen
 
hi, habe leider noch ein kleines problem....

der code
Code: 
<script type="text/javascript">
<!--
function toggleInputs(objForm, arrNames, blnDisabled){
// Namen-Array durchlaufen
for(var i=0; i<arrNames.length; i++){
objForm.elements[arrNames[i]].disabled = blnDisabled;
}
}
//-->
  </script>

klappt perfekt.......


aber im ie 8 zeigt der mir immer beim aufruf der seite

das ausführen von scripts .... wird aus Sicherheitsgründen eingeschränkt....

und erst wenn ich auf zulassen drücke.....funktioniert das ganze....


habe bei anderen seiten mit javascript im head diesen aufruf nicht....

was fehlt mir da
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück