[PHP][HTML][JavaScript]Wyskakujący komunikat, Wyskakujący komunikat Opcje

[Szunaj85]

Poniższy skrypt przedstawia taką sytuację, że kiedy użytkownik nie zaznaczy żadnej odpowiedzi wyskakuje komunikat.

[HTML] pobierz, plaintext 
<script>
function spr()
{
    if(document.getElementById('glos1').checked || document.getElementById('glos2').checked){
        return true;
    }
    else {
        alert('Wybierz odpowiedź,');
        return false;
    }
}
</script>
<form action="" method="post" onsubmit="return spr();">
<input type="radio" name="glos" id="glos1" value="1" />Tak<br />
<input type="radio" name="glos" id="glos2" value="2" />Nie<br />
<input type="submit" value="Zagłosuj" />
</form>
[HTML] pobierz, plaintext 

Ja jednak mam taką sytuację jak poniżej. Owszem chcę żeby komunikat wyskakiwał tak jak wyżej, ale gdy użytkownik nie zaznaczy jednej z trzech odpowiedzi w każdej grupie odpowiedzi.

[HTML] pobierz, plaintext 
<b>Pytanie 1</b>
                  <tr>
                    <td><input type="radio" name="1" value="a">Odpowiedź<br /></td>
                  </tr>
                  <tr>
                    <td><input type="radio" name="1" value="b">Odpowiedź<br /></td>
                  </tr>
                  <tr>
                    <td><input type="radio" name="1" value="c">Odpowiedź<br /></td>
                  </tr>   
              <b>Pytanie 2</b>
                 <tr>
                    <td><input type="radio" name="2" value="a">Odpowiedź<br /></td>
                  </tr>
                  <tr>
                    <td><input type="radio" name="2" value="b">Odpowiedź<br /></td>
                  </tr>
                  <tr>
                    <td><input type="radio" name="2" value="c">Odpowiedź<br /></td>
                  </tr>
<input type="submit" value="Odpowiedz" />
[HTML] pobierz, plaintext 

A jeszcze lepiej gdyby można to za pomocą PHP zrobić.

Ten post edytował Szunaj85 29.10.2008, 12:39:57

[sowiq]

Mój sposób jest o tyle dobry, że nie ma znaczenia ile masz pytań i po ile do nich odpowiedzi. Jest całkowicie elastyczny, ale pod warunkiem, że HTML będzie miał taką strukturę (IMG:http://forum.php.pl/style_emoticons/default/smile.gif) W innym wypadku potrzebna będzie niewielka modyfikacja.

HTML:

[HTML] pobierz, plaintext 
<form id="myForm" onsubmit="return checkForm();" ...>
	<ul>
		<li><input ...></li>
		<li><input ...></li>
		<li><input ...></li>
	</ul>
	<ul>
		<li><input ...></li>
		<li><input ...></li>
		<li><input ...></li>
	</ul>
</form>
[HTML] pobierz, plaintext 

JS:

Kod

function checkForm(){
    var uls = document.getElementById('myForm').getElementsByTagName('ul');
    var inputs;
    var checked;
    
    for(var i = 0; i < uls.length; ++ i){
        inputs = uls[i].getElementsByTagName('input');
        
        checked = false;
        for(var n = 0; n < inputs.length; ++ n){
            if(inputs[n].checked){
                checked = true;
                break;
            }
        }
        if(!checked){
            alert('Wypełnij wszystkie pola!');
            return false;
        }
    }
    return true;
}

ps. mogą być literóki - pisane z palca

Ten post edytował sowiq 31.10.2008, 15:33:43