Radio button et javascript

Salut à tous,

Je débute en javascript (commencé ya 2h) et je bloque sur un truc tout bête forcément...

L'idée c'est que j'ai un formulaire, dans lequel j'ai 1 champ sous forme de radio bouton. Par défaut je décoche, pour vraiment laisser le choix entre OUI et NON (il s'agit du champs pour être opt-in partenaire et je suis sympa je coche par OUI par défaut ).

Mais du coup, je veux rendre la sélectionner du oui ou du non, obligatoire. Et ça ne marche pas...

Dans mon html j'ai :

<label for="partenaire" id="partenaireLabel">Je souhaite recevoir les offres<br />des partenaires </label>
<div id="partenaireZone"><input type="radio" name="partenaire" id="partenaire" value="1" /><strong> OUI    </strong><input type="radio" name="partenaire" value="0" /> non</div>

Et dans mon .js :

function formProcess2() {
if (
(document.getElementById('partenaire').checked != true) ||
(document.getElementById('reglement').checked != true)
) {
alert('Veuillez remplir tous les champs et accepter le règlement s\'il vous plaît');
}
else {
document.inscription.submit();
}
}

Donc pour le règlement (qui est une checkbox) ça vérifie bien que c'est coché. Mais pour le radio bouton (partenaire) ça ne fonctionne pas. Je suppose qu'il ne s'agit pas d'un ".checked" qui s'applique sans doute uniquement aux checkbox.

Alors de quoi s'agit-il ?

Merci par avance !

http://www.toutjavascript.com/savoir/savoir06_2.ph...

Il ne faut pas utiliser l'attribut id qui comme son nom l'indique doit être unique.
Dans ce cas il vaut mieux utiliser un truc du style :

if (!document.forms ['monForm'].partenaire [0].checked

    || !document.forms ['monForm'].partenaire [1].checked

    || !document.forms ['monForm'].reglement.checked)

Merci pour vos réponses !

J'ai essayé vos différentes méthodes mais ça ne fonctionne pas, en tous cas je n'ai pas dû faire les bonnes manip.

Pour + de simplicité voici mes 2 codes complets avec le formulaire complet :

PHP :
<label for="partenaire" id="partenaireLabel">Je souhaite recevoir les offres<br />des partenaires</label>
<div id="partenaireZone"><input type="radio" name="partenaire" id="partenaire" value="1" /><strong> OUI    </strong><input type="radio" name="partenaire" value="0" /> non</div>

<label for="coregistration" id="coregistrationLabel">Je m'inscris à la newsletter <br /></label>
<div id="coregistrationZone"><input type="radio" name="coregistration" id="coregistration" value="4" /><strong> OUI    </strong><input type="radio" name="coregistration" value="0" /> non</div>

<input type="checkbox" name="reglement" id="reglement" value="1" />
<label for="reglement" id="reglementLabel">J'accepte le règlement</label>

JS :
function formProcess2() {
if ( (document.getElementById('adresse').value.replace(/[\s]+$/g,'') == '') ||
(document.getElementById('cp').value.replace(/[\s]+$/g,'') == '') ||
(document.getElementById('ville').value.replace(/[\s]+$/g,'') == '') ||
(document.getElementById('pays').value.replace(/[\s]+$/g,'') == '') ||
(document.getElementById('jour').value.replace(/[\s]+$/g,'') == '') ||
(document.getElementById('mois').value.replace(/[\s]+$/g,'') == '') ||
(document.getElementById('annee').value.replace(/[\s]+$/g,'') == '') ||
(document.getElementById('reglement').checked != true)
) {
alert('Veuillez remplir tous les champs et accepter le règlement s\'il vous plaît');
}
else {
document.inscription.submit();
}
}


(Je n'ai simplement pas mis tout le html des premiers champs.)

En fait ce que je ne comprends pas c'est comment le Javascript peut savoir si au moins 1 des 2 choix du radio bouton est sélectionné (j'ai rajouté un radio bouton "coregistration" au fait)

(Message édité le 17-09-2008 à 22h35 par Maxiricky)

et le Jquery tu as essayé ?

$('#partner').is(':checked') || $('#reglement').is(':checked')

http://docs.jquery.com

<hs>C'est justement à cause de ce genre de syntaxe non maintenable sur le long terme qu'ici on a basardé Mootools au profit de Dojo.</hs>

Quel est l'interet de jquery puisqu'il y a le javascript ?
C'est pas plus utile de maitriser le js (et toute la techno ajax du meme coup) que de se lancer dans un apprentissage d'un doublon ?

devtribu : le principal intérêt de ces trucs c'est d'assurer la compatibilité multi navigateur sans avoir à connaitre les spécificités de chacun.

Mais comme dit Mirage, on en a déjà parlé dans le topic Librairies JavaScript .

Salut,

Bon je relance ce topic car je m'aperçois d'une erreur de ma part... mais bien entendu je ne sais pas d'où elle vient :/

avec ce JS :
(document.inscription.coregistration[0].checked==false && document.inscription.coregistration[5].checked==false) ||

je me rend compte que j'oblige en fait les visiteurs à cocher le OUI, c'est à dire la value 5.
Mais je veux juste qu'il fasse un choix oui ou non...

Savez-vous d'où cela peut venir ?

Maxiricky> autant quand le problème est "technique" on est la pour t'aider a trouver la solution technique, autant la c'est un probleme d'algo qui doit demander 3 secondes de concentration pour etre resolu.

Fais un petit effort, et en plus tu gagneras du temps a trouver la solution par toi meme