[JS] radio i przycisk submit powiazane ze soba w formularzu, Jak aktywowac przycisk WYSLIJ dopiero kiedy wszystkie grupy radio akty Opcje

[foxmark]

Witam!

Szukam sposobu aktywacji przycisku zapisz/wyslij w formularzu dopiero kiedy we WSZYSTKICH grupach radio zostanie wybrana opcja.
A dokladniej mam 58 pytan kazde z nich powiedzmy TAK , NIE , NIE DOTYCZY
Wszystkie opcje radio sa domyslnie nie zanzaczone.
Chcialbym zablokowac przycisk wyslij w formularzu do czasu kiedy w kazdym z 58 pytan zostanie zaznaczona jakas opcja niezaleznie jaka.

[HTML] pobierz, plaintext 
Pyt 1.
<input type="radio" name="1" value="P" id="1">
<input type="radio" name="1" value="F">
<input type="radio" name="1" value="na">
Pyt 2
<input type="radio" name="2" value="P" id="2">
<input type="radio" name="2" value="F">
<input type="radio" name="2" value="na">
Pyt 58
<input type="radio" name="58" value="P" id="58">
<input type="radio" name="58" value="F">
<input type="radio" name="58" value="na">
 
<input type="submit" name="submit" id="submit" value="Save">
[HTML] pobierz, plaintext 

Dzieki za jakiekolwiek wskazowki, przekopalem mase skryptow ale zadne nie odpowieda dokladnie moim potrzeba - wiekszosc sprawdza tylko wartosc jednego zestawo lub wyswietla wartosci.

Pozdrawiam!

[kcwikla]

Witam, mam pewne rozwiązanie, ale nie przetestowane i napisane na szybko:)

Zmień kod html na taki:

[HTML] pobierz, plaintext 
    Pyt 1.
    <input type="radio" name="1" value="P" class="1" onchange="active()">
    <input type="radio" name="1" value="F" class="1" onchange="active()">
    <input type="radio" name="1" value="na" class="1" onchange="active()">
     Pyt 58
    <input type="radio" name="58" value="P" class="58" onchange="active()">
    <input type="radio" name="58" value="F" class="58" onchange="active()">
    <input type="radio" name="58" value="na" class="58" onchange="active()">
 
    <input type="submit" name="submit" id="submit" value="Save" style="display: none;">
[HTML] pobierz, plaintext 

do tego javascript

[HTML] pobierz, plaintext 
function active(){
  var question = 58;
 
  for( var i=1; i<=58; i++ )
    if( $('.'+i).attr('checked') == 'checked')
      question--;
 
  if(question == 0 ) 
    $('#submit').show();
}
[HTML] pobierz, plaintext 

Napewno nie jest to optymalne rozwiązanie, ale może naprowadzi Cię na jakieś lepsze.

[kamil4u]

[JAVASCRIPT] pobierz, plaintext 
<form id="form">
  <fieldset>
    <legend>Pytanie 1:</legend>
     <input type="radio" name="pytanie1" value="P">
     <input type="radio" name="pytanie1" value="F">
     <input type="radio" name="pytanie1" value="na">
  </fieldset>
 
  <fieldset>
    <legend>Pytanie 2:</legend>
     <input type="radio" name="pytanie2" value="P">
     <input type="radio" name="pytanie2" value="F">
     <input type="radio" name="pytanie2" value="na">
  </fieldset>
 
  <fieldset>
    <legend>Pytanie 3:</legend>
     <input type="radio" name="pytanie3" value="P">
     <input type="radio" name="pytanie3" value="F">
     <input type="radio" name="pytanie3" value="na">
  </fieldset>
 
<input type="submit" name="submit" id="submit" value="Save">
</form>
 
<script>
document.getElementById('form').onsubmit = function(){
 var fieldsets = this.getElementsByTagName('fieldset');
 var i, j, fieldset, radios, radio, checked;
 for( i=0; fieldset = fieldsets[i++]; ){
  radios = fieldset.getElementsByTagName('input');
  checked = false;
  for( j=0; radio = radios[j++];){
   if( radio.type == 'radio' && radio.checked)
    checked = true;
  }
  if( !checked) return false; 
 }
 return true;
}
</script>
[JAVASCRIPT] pobierz, plaintext 

Ten post edytował kamil4u 6.09.2011, 17:48:41