[inne][HTML]checkbox - dwa zdarzenia onClic - problem Opcje

[kotek2185]

Witam wszystkich, mam taki o to form:

[HTML] pobierz, plaintext 
<form>
 ZEC<input type="checkbox" name="zec" id="zec" value="1" onclick="this.form.elements['tar'].disabled = !this.checked, this.form.elements['wys'].disabled = this.form.elements['co'].disabled = this.form.elements['cw'].disabled = this.checked"><br><br>
 
Taryfa<select onchange="this.form.elements['wys'].disabled = this.form.elements['co'].disabled = this.form.elements['cw'].disabled = (this.value=='0'), this.form.elements['wys'].disabled=!(this.value=='1'), 
this.form.elements['co'].disabled = this.form.elements['cw'].disabled = !(this.value=='2')" name="tar" value="tar" disabled = "disabled">
 
   <option value="0" selected = "selected">Wybierz</option>
   <option value="1">Taryfa A</option>
   <option value="2">Taryfa B</option>
 
   </select>
<br><br>
 
 
WYS <input type="text" name="wys" disabled = "disabled"><br><br>
 
CO <input type="text" name="co" disabled = "disabled"><br><br>
 
CW <input type="text" name="cw" disabled = "disabled"><br><br>
 
</form>
[HTML] pobierz, plaintext 

i pytanie jak obsłużyć checkbox by gdy zaznaczony odkrywał tylko select, a gdy odznaczony to zakrywał i select i inputy (które odkrywaja się zależnie od optiona w select)?

bardzo proszę o jakieś sugestie?

Ten post edytował kotek2185 17.05.2012, 09:52:55

[bostaf]

Ja bym po prostu zresetował cały formularz w momencie odhaczenia checkboxa. Czyli w Twoim checkboxie "zec", daj taki kod java script:

[JAVASCRIPT] pobierz, plaintext 
onclick="this.form.elements['tar'].disabled = !this.checked; if(!this.checked) this.form.reset();"
[JAVASCRIPT] pobierz, plaintext 

[kotek2185]

a co jeżeli mam w tym formie jeszcze kilka pól, których nie chce resetować?

[bostaf]

a co jeżeli mam w tym formie jeszcze kilka pól, których nie chce resetować?

No to trzeba dla każdego zdefiniować zawartość i dostępność i umieścić wszystko w klauzuli if:

[JAVASCRIPT] pobierz, plaintext 
if(!this.checked) {
    this.form.elements['wys'].value ='';
    this.form.elements['wys'].disabled = true;
    this.form.elements['cw'].disabled = true;
}
[JAVASCRIPT] pobierz, plaintext 

No i używaj średników a nie przecinków do separowania bloków kodu.
No i jeśli tyle rzeczy dzieje się przy jednej akcji, to lepiej zdefiniować funkcję i się do niej odwoływać:

[JAVASCRIPT] pobierz, plaintext 
function klik_zec() {
    this.form.elements['tar'].disabled = !this.checked;
    if(!this.checked) {
        this.form.elements['wys'].value ='';
        this.form.elements['wys'].disabled = true;
        this.form.elements['cw'].disabled = true;
    }
}
[JAVASCRIPT] pobierz, plaintext 

[HTML] pobierz, plaintext 
<form>
    ZEC<input type="checkbox" name="zec" id="zec" value="1" onclick="klik_zec()">
[HTML] pobierz, plaintext 

[kotek2185]

dzieki wielkie:) pomogło pozdrawiam

temat do zamkniecia