Version complète: sur le forum Webmaster Hub : checkbox et case par défaut
Webmaster Hub > Création et exploitation de Sites Internet > Les langages du Net > (X)HTML et CSS
xpatval
Bonjour,

Dans un formulaire, je propose le cochage de deux cases, pour un même sujet. (ex: cedex oui non)

Le nom est coché par défaut, via le "checked" dans l'input.

Ce que je souhaite, c'est son "décochage", si le oui est coché. (que de coches, aujourd'hui...)

Comment faire cela ? Par js?

Mes deux input:

<input id="cedex" tabindex="5" onFocus="this.className='focus';" onBlur="this.className='normal';" type="checkbox" name="cedex" value="O">
<input id="cedex" tabindex="6" onFocus="this.className='focus';" onBlur="this.className='normal';" type="checkbox" name="cedex" value="N" checked>

Merci de vos suggestions,

xpatval
Anonymus
Bonjour,
le checkbox n'est pas approprié pour cela. Il faut utiliser le <input type=radio... auquel tu donnes le meme nom pour les valeurs qui tu souhaites 'lier'. Ainsi, pour 2 lignes 'name=cedex', une seule pourra être cochée, et décochera l'autre automatiquement.
Tu peux ne pas te limiter à 2, mais mettre plusieurs lignes.
Ainsi :
<input type=radio name=genre value=mademoiselle>.... => mademoiselle
<input type=radio name=genre value=madame>.... => madame
<input type=radio name=genre value=monsieur>... => monsieur
etc..

Anonymus.
xpatval
Oui, raison tu as. Le bouton radio est plus approprié.
Par contre, le fait d'avoir deux ligne d'input avec le même nom d'objet n'est-il pas gênant ?

xpatval
Anonymus
Non, au contraire, tu demandes à l'internaute de choisir entre 2 (ou 3) valeurs de meme nature. Tu peux ainsi combiner les type=radio, en mettant par exemple :
name=genre pour madame, monsieur
name=ville pour paris, lyon,
etc
et sur la même feuille. L'internaute aura alors le choix entre :
madame/paris ou madame/lyon ou monsieur/paris ou monsieur/lyon, etc.. Tout en restant cohérent.

Anonymus.
Bobe
Il ne peut pas y avoir deux id identiques dans un même document par contre (là, il y a id="cedex" sur les deux champs).
Ceci est une version "bas débit" de notre forum. Pour voir la version complète avec plus d'information, la mise en page et les images, veuillez cliquer ici.