Radiobuttons disabled

Gegenstrom · 22.07.2010

ich habe ein Problem und zwar weiß ich nicht wie einzelne radiobuttons nichtanwählbar mache, bin zuerst über gruppen gegangen, und hab bei self-html auch was feines zu gefunden, nur is es bei mir en weng komplizierter
hab auch schon nen lösungsansatz gefunden, aber da ich mich mit javascript mal gar nich auskenne, weiß ich auch nich wie ich ihn realisieren soll :lol:

um dieses übel geht es
kurze erklärung:
ich wähle vorne entweder hd oder sd aus, wenn ich hd auswähle, soll alles was hinter sd steht nicht mehr anwählbar sein und eben auch umgedreht, wenn es geht will ich jeden radiobutton einzeln abschalten

als bsp mal der quellcode, dazu muss ich aber auch sagen, die gruppennamen der jeweiligen zusammengehörigen button's werden noch geändert, sprich "hd" und "sd"

HTML:

function disable () {
  if (document.Testform.format[0].checked==true){
  
  Testform.sd[0].disabled = true;
  Testform.sd[1].disabled = true;
  Testform.sd[2].disabled = true;
  
  }
  else
  {
  Testform.hd[0].disabled = false;
  Testform.hd[1].disabled = false;
  Testform.hd[2].disabled = false;
  }
}
</script>

</head>

<body>

<h2>P2 2100E</h2>
<div class="angaben">
    Produktion:<input name="" type="text" /> 
    Kunde:<input name="" type="text" /> 
    Datum:<input name="" type="text" />
    <br />
    Team:<input name="" type="text" />
</div>
<h3>Bild</h3>
        Seitenverhätlnis
        Auflösung
        Bildwiederholfrequenz


<form action="" name="Testform"><div class="SV">
<input type="radio" name="format" value="HD" onclick="disable();" >HD<br /><br /><br /><br /><br /><br />
<input type="radio" name="format" value="SD" onclick="disable();" >SD<br /><br /><br />

</div>

<div class="SV2">

16:9<br /><br /><br /><br /><br /><br />
<input type="radio" name="sd" value="16:9">16:9<br />
<input type="radio" name="sd" value="4:3">4:3<br />

</div>

<div class="AL">
<input type="radio" name="hd" value="1080">1080<br /><br /><br />
<input type="radio" name="hd" value="720">720<br /><br /><br />
<input type="radio" name="sd" value="576">576<br /><br />

</div>

<div class="BWHF">
<input type="radio" name="hd" value="50i">PAL 50i<br />
<input type="radio" name="hd" value="25P">25P(Nativ)*<br /><br />
<input type="radio" name="hd" value="50i">PAL 50i<br />
<input type="radio" name="hd" value="25P">25P(Nativ)*<br /><br />
<input type="radio" name="sd" value="50iSD">PAL 50i<br />
<input type="radio" name="sd" value="25PSD">25P(Nativ)*<br />

</div>
</form>

</body>

wie das jetzt aussieht is erstmal zweitrangig und obs euch egfällt is mir auch wayne :lol: mir gehts nur darum das problem irgendwie zu lösen

sobald das problem gelöst ist, wird dann entweder heute morgen oder in 2-3 wochen nochmal ein problem dazu von mir auftauchen

esupanetz · 22.07.2010

AW: Radiobuttons disabled

Hi Gegenstrom,

irgendwie passt für mich das "else" nicht. Ich hab zwar schon länger nimmer programmiert, aber das "else" ist doch die Verzweigung, die aktiviert werden soll, wenn der Vergleich oben nicht erfüllt ist.

Nimm mal das was im "else-Zweig ist aus dem raus und tu es zu den anderen dazu, dann könnts funzen bzw in den else-Zweig genau die Umkehrung deiner Angaben vom ersten Teil.

lG

Eva

Gegenstrom · 22.07.2010

AW: Radiobuttons disabled

funzt leider nicht, habe irgendwo gelesen das disabled nicht mit true und false arbeitet
also das javascript is schonma so richtig, hoff ich doch
wenn ich format0(radiobutton HD) anwähle/auswähle soll er mir sd auf "disabled" setzen, so rein von der theorie klingt es auch ganz leicht, und ich könnte so auch die gruppennamen verändern und bin darauf nicht angewiesen
soviel weiß ich auch schon, javascript arbeitet mit arrays, allerdings hilft mir das trotzdem nicht weiter wenn ich nicht weiß wie ich die radiobuttons "nicht-anwählbar" mache

HTML:

<script type="text/javascript">
function disable () {
  if (document.Testform.format[0].checked==true){
  
  Testform.hd[0].disabled = true;
  Testform.hd[1].disabled = true;
  Testform.hd[2].disabled = true;
  Testform.sd[0].disabled = false;
  Testform.sd[1].disabled = false;
  Testform.sd[2].disabled = false;
  
  }
  else
  {
  Testform.hd[0].disabled = false;
  Testform.hd[1].disabled = false;
  Testform.hd[2].disabled = false;
  Testform.sd[0].disabled = true;
  Testform.sd[1].disabled = true;
  Testform.sd[2].disabled = true;
  }
}
</script>

oder gibt es vielleicht noch andere möglichkeiten die ich vor lauter bäumen nicht sehe, sprich einfach mit ner andern scriptsprachen

Schnuffy12 · 22.07.2010

AW: Radiobuttons disabled

Im Selfhtml ist doch bei Radiobuttons / disabled ein funktionierendes Beispiel.

Dein Ansatz mit dem else ist aber falsch. Wann soll das Script denn da rein kommen?

richtig wäre:
- wenn HD geklickt -> hd enable, sd disable
- wenn SD geklickt -> sd enable, hd disable
d.h. kein else, sondern immer nur die Auswahl des jeweiligen Knopfes auswerten.

Ob du das jetzt über eine oder zwei Funktionen machst (onChange, onClick,...) ist dir überlassen.

Gegenstrom · 22.07.2010

AW: Radiobuttons disabled

edit sagt: ja klar gibts bei selfhtml nen funktionierendes bsp, aber das bringt mich ja nich weiter wenn meine button unterschiedliche namen haben
und es durch ne einfach funktion zu machen scheint ja auch nich zu gehen, sonst würde das untere bsp ja auch funktioniern

HTML:

function dis () {
  if (document.form.format[1].checked==true){
  
  document.form.sdsv[0].disabled = false;
  document.form.sdsv[1].disabled = false;
  document.form.sd[0].disabled = false;
  document.form.sdbwhf[0].disabled = false;
  document.form.sdbwhf[1].disabled = false;
  document.form.hdal[0].disabled = true;
  document.form.hdal[1].disabled = true;
  document.form.hdbwhf[0].disabled = true;
  document.form.hdbwhf[1].disabled = true;
  document.form.hdbwhf[2].disabled = true;
  document.form.hdbwhf[3].disabled = true;
  }
}
...
<div class="SV">
<input type="radio" name="sdsv" value="16:9" disabled="disabled">16:9<br />
<input type="radio" name="sdsv" value="4:3" disabled="disabled">4:3<br />

</div>

<div class="AL">
<input type="radio" name="hdal" value="1080" disabled="disabled">1080<br /><br /><br />
<input type="radio" name="hdal" value="720" disabled="disabled">720<br /><br /><br />
<input type="radio" name="sdal" value="576" disabled="disabled">576<br /><br />

</div>

<div class="BWHF">
<input type="radio" name="hdbwhf" value="50i" disabled="disabled">PAL 50i<br />
<input type="radio" name="hdbwhf" value="25P" disabled="disabled">25P(Nativ)*<br /><br />
<input type="radio" name="hdbwhf" value="50i" disabled="disabled">PAL 50i<br />
<input type="radio" name="hdbwhf" value="25P" disabled="disabled">25P(Nativ)*<br /><br />
<input type="radio" name="sdbwhf" value="50iSD" disabled="disabled">PAL 50i<br />
<input type="radio" name="sdbwhf" value="25PSD" disabled="disabled">25P(Nativ)*<br />

code is ausgelegt für den button SD

habe von anfnag an alle auf disabled gesetzt außer die Auswahlbutton HD und SD, solange ich bei den unterbutton die namen sd und hd lasse funktioniert es auch
aber sobald ich die gruppenzugehörigkeit (name="") der buttons ändere funktioniert es nicht und er macht mir nur die ersten beiden buttons sichtbar... :hmpf: nicht aber die weiteren sd-button mit anderen namen

woran kann das denn nur liegen, das nervt mich extremst