Html -> Label

Résolu
Kentauroi Messages postés 8 Statut Membre -  
Kentauroi Messages postés 8 Statut Membre -
Bonjour,

J'ai un tableau et chaque ligne de ce tableau comprends deux cellules, la première avec du texte et la deuxième avec une checkbox permettant de sélectionner les enregistrements que l'on souhaite.

J'utilise la fonction label sur les textes de la première cellule pour permettre de cocher la checkbox en cliquant sur le texte, mais ce que j'aimerai faire c'est que la checkbox se coche peut importe ou l'on clique sur la ligne, que ce soit sur le texte ou pas.

La je dois dire que je bloque

Merci de votre aide
A voir également:

12 réponses

Réponse 1 / 12
Harricote Messages postés 424 Statut Membre 41
 
Salut : 
<table>
   <tr onclick="document.getElementById(\"coche1\").checked='checked';">
      <td><label for="coche1">Texte1</label></td>
      <td><input type="checkbox" id="coche1" checked="" name="coche1" /></td>
   </tr>
</table>


Je pense que ça devrait marcher !

Voilà !
0
Réponse 2 / 12
Kentauroi Messages postés 8 Statut Membre
 
Merci ça marche pour cocher, mais par contre quand j'ai cocher, je ne peux plus décocher.
Pouvez me donner la marche a suivre, sachant que j'entrave pas grand chose en javascript :)

Merci
0
Réponse 3 / 12
togodo Messages postés 155 Statut Membre 8
 
Normalement, tu dois savoir le décocher.
Moi, j'y arrive en tout cas.
0
Réponse 4 / 12
Kentauroi Messages postés 8 Statut Membre
 
Ah bon !
Non je n'y arrive pas que ce soit sous ie ou firefox

En fait j'ai agrandi le tableau pour voir si en cliquant dans la 1ere cellule, la ou il n'y a pas de texte la chekbox se coche, elle se coche bien mais se décoche pas

Voilà mon code

<html><head><title></title></head><body>

<table width='500'>
<tr onclick="document.getElementById('coche1').checked='checked';">
<td><label for="coche1">Texte1</label></td>
<td><input type="checkbox" id="coche1" name="coche1" /></td>
</tr>
</table>

</body></html>
0
togodo Messages postés 155 Statut Membre 8
 
Effectivement ca ne se décoche pas, je vais voir après ca.
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
Réponse 5 / 12
togodo Messages postés 155 Statut Membre 8
 
Tu ne dois pas mettre la ligne "onclick".
0
Réponse 6 / 12
togodo Messages postés 155 Statut Membre 8
 
Avec ta ligne on click, tu dis que à chaque fois que tu cliques, la case se coche.
Donc, impossible de la décocher.

Voili voilou
0
Réponse 7 / 12
Kentauroi Messages postés 8 Statut Membre
 
si je met pas la ligne Onclick je suis obligé de cliquer sur le texte pour cocher la checkbox alors que je souhaite pouvoir cliquer n'importe ou dans la ligne que ce soit du texte ou rien du tout
0
Réponse 8 / 12
togodo Messages postés 155 Statut Membre 8
 
<table width="500">
<tbody><tr onclick="if(document.getElementById('coche1').checked==True)
{document.getElementById('coche1').checked='unchecked'}
else
{document.getElementById('coche1').checked='checked'}">
<td><label for="coche1">Texte1</label></td>
<td><input id="coche1" name="coche1" type="checkbox"></td>
</tr>
</tbody></table>
0
Réponse 9 / 12
togodo Messages postés 155 Statut Membre 8
 
Je suis même sympa pour te faire moins de code ....


<html><head><title></title></head><body>
<script lang="javascipt">
function check_unchek(elementx)
{
if(document.getElementById(elementx).checked==True)
{document.getElementById(elementx).checked='unchecked'}
else
{document.getElementById(elementx).checked='checked'}
}
</script>



<table width="500">
<tbody><tr onclick=check_unchek("coche1")>
<td><label for="coche1">Texte1</label></td>
<td><input id="coche1" name="coche1" type="checkbox"></td>
</tr>

<tr onclick=check_unchek("coche2")>
<td><label for="coche2">Texte1</label></td>
<td><input id="coche2" name="coche2" type="checkbox"></td>
</tr>
</tbody></table>

</body></html>
0
Réponse 10 / 12
Kentauroi Messages postés 8 Statut Membre
 
arf j'y arrive pas

Dans le premier code ça coche bien la case mais ne la décoche pas. Ça marche chez toi togodo ? Si oui tu teste sous quoi ? j'essaye sous firefox 3.10 et ie 8 et les deux me donne le même résultat, impossible de décocher
0
Réponse 11 / 12
togodo Messages postés 155 Statut Membre 8
 
Je test sous firefox 3.0.10 comme toi.
0
Réponse 12 / 12
Kentauroi Messages postés 8 Statut Membre
 
Ok résolu !
Après avoir bidouillé un peu le code de togodo (que je remercie pour m'avoir aidé) j'ai réussi à le faire fonctionner sur ma machine !
Je l'affiche ici dans le cas ou ça pourrait intéresser qqun, ça marche sous firefox et ie

<html><head><title></title>
</head><body>

<table width="500" border='1'>

<tr onclick="if(document.getElementById('coche1').checked == false)
{document.getElementById('coche1').checked='checked'}
else
{ document.getElementById('coche1').checked=null} ">

<td><label for="coche1">Texte1</label></td>
<td><input id="coche1" name="coche1" type="checkbox"></td>
</tr>
</table>

</body></html>
0

Discussions similaires

la balise <br> ou <br />
faamugol -
rwaness -

8 réponses
<br> ou <br /> ou </br>
corentin.93 -
jessy006 -

11 réponses
Balise </br>
erf -
erf -

3 réponses
Saut de lignes sans <br/>
Rapi-shiny -
Rapi-shiny -

13 réponses
Espace en HTML
baissaoui -
baissaoui -

0 réponse