Bonjour,

je me prends la tête sur quelque chose d'assez bête mais je ne trouve pas la réponse.

J'ai un formulaire sous forme de tableau voici le code :

<table style="width:80%;margin:auto;border: thin solid #6495ed;">
					<tr class="survol">
						<td style="width:50%;"><span style="font-style:italic;"> par exemple </span>:</td>
						<td style="text-align:center;">jamais</td>
						<td style="text-align:center;">quelquefois</td>
						<td style="text-align:center;">souvent</td>
					</tr>
					<tr class="survol">
						<td>un, le</td>
						<td style="text-align:center;"><input type="radio" name="articles11" value="jamais"> </td>
						<td style="text-align:center;"><input type="radio" name="articles11" value="quelquefois"></td>
						<td style="text-align:center;"><input type="radio" name="articles11" value="souvent"></td>
					</tr>
					<tr class="survol">
						<td>une, la</td>
						<td style="text-align:center;"><input type="radio" name="articles12" value="jamais"></td>
						<td style="text-align:center;"><input type="radio" name="articles12" value="quelquefois"></td>
						<td style="text-align:center;"><input type="radio" name="articles12" value="souvent"></td>
					</tr>
					<tr class="survol">
						<td>des, les</td>
						<td style="text-align:center;"><input type="radio" name="articles13" value="jamais"></td>
						<td style="text-align:center;"><input type="radio" name="articles13" value="quelquefois"></td>
						<td style="text-align:center;"><input type="radio" name="articles13" value="souvent"></td>
					</tr>
				</table>

Seulement, j'aimerai bien que mes input radio prennent l'ensemble de la cellule du tableau : qu'on ne soit pas obligé de cliquer sur le bouton précisément pour cocher mais qu'on puisse cliquer n'importe ou dans la cellule pour que cela se coche.

S'il faut que je change de mise en forme pour éviter le tableau je suis pas contre

Merci d'avance pour vos pistes

Salut,

Mets tes input dans des labels ; d'abord pour une question d'accessibilité (chaque input devrait toujours être lié à un label), ensuite pour pouvoir faire ce que tu souhaites : 

https://jsfiddle.net/sooqzwdg/ 

rhooManu a écrit:

Salut,

Mets tes input dans des labels ; d'abord pour une question d'accessibilité (chaque input devrait toujours être lié à un label), ensuite pour pouvoir faire ce que tu souhaites : 

https://jsfiddle.net/sooqzwdg/ 

Merci !

Bonne journée