Javascript checkbox

Fermé
ponopn - 29 avril 2006 à 10:32
canfly Messages postés 14 Date d'inscription dimanche 31 mars 2013 Statut Membre Dernière intervention 1 avril 2013 - 1 avril 2013 à 00:29
Bonjour moi j'ai un ptit soucis c'est que j'aimerai pouvoir degriser des checkbox quand je coche ma premiere checkbox.

<script type="text/JavaScript" language="JavaScript">

function degriser()
{
if (document.forms["Feuille"].checkbox1.checked)
{
document.getElementById('box2').disabled="true" ;
document.getElementById('box3').disabled="true" ;

}
else
{
document.getElementById('boxvoip').disabled="false" ;
document.getElementById('boxtv').disabled="false" ;
}
}
</script>


<form name="Feuille">
<table style="margin-left: 0px; width: 1007px;" border="0">


<td style="width: 115px;">

<input type="checkbox" name="checkbox1" id="box1" onClick="degriser()">

<input type="checkbox" name="checkbox2" id="box2">

<input type="checkbox" name="checkbox3" id="box3">


</td>
</table></form>

Merci d'avance

8 réponses

canfly Messages postés 14 Date d'inscription dimanche 31 mars 2013 Statut Membre Dernière intervention 1 avril 2013 279
1 avril 2013 à 00:29
On peut désactiver une checkbox en ajoutant ou en supprimant l'attribut disabled (avec jQuery.attr() par exemple).
Voilà un tuto qui montre comment faire :
http://www.finalclap.com/faq/203-jquery-checkbox-is-checked
6
ricric Messages postés 34 Date d'inscription jeudi 12 mai 2005 Statut Membre Dernière intervention 11 mai 2006 7
30 avril 2006 à 20:10
function degriser()
{
if (document.forms["Feuille"].checkbox1.checked)
{
document.getElementById('box2').checked=0 ;
document.getElementById('box3').checked=0 ;
}
}
5
<script type="text/JavaScript" language="JavaScript">

function degriser()
{
if (document.forms["Feuille"].checkbox1.checked)
{
document.getElementById('box2').enbled="true" ;
document.getElementById('box3').enbled="true" ;

}
else
{
document.getElementById('boxvoip').disabled="false" ;
document.getElementById('boxtv').disabled="false" ;
}
}
</script>


<form name="Feuille">
<table style="margin-left: 0px; width: 1007px;" border="0">


<td style="width: 115px;">

<input type="checkbox" name="checkbox1" id="box1" onClick="degriser()">

<input type="checkbox" name="checkbox2" id="box2">

<input type="checkbox" name="checkbox3" id="box3">


</td>
</table></form>
2
if (document.forms["Feuille"].checkbox1.checked)
{
document.getElementById('box2').enbled="true" ;
document.getElementById('box3').enbled="true" ;

}


ca serait pas plustot
document.getElementById('box2').enabled="true" ;
document.getElementById('box3').enabled="true" ;
2

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

Posez votre question
{
document.getElementById('boxvoip').disabled="false" ;
document.getElementById('boxtv').disabled="false" ;
}

Ici j'ai mal codé
a la place de boxvoip > c'est box 2
et boxtv => c'est box3
mais même en modifiant idem si c'est grisé, ca ne degrise pas par la suite.
1
Bonjour,
il ne faut pas mettre le booleen (false ou true) entre guillemets et ça marchera !
Je viens d'avoir le meme probleme et de le resoudre
1
Bonjour,
function degriser()
{
if (document.forms["Feuille"].checkbox1.checked)
{
document.getElementById('box2').disabled=true;
document.getElementById('box3').disabled=true;
}
else
{
document.getElementById('box2').disabled=false;
document.getElementById('box3').disabled=false;
}
}

si ton checkbox1 est coché, tes "box2" et "box3" vont être griser
1
necro27 Messages postés 160 Date d'inscription jeudi 28 mai 2009 Statut Membre Dernière intervention 11 février 2011 8
Modifié par necro27 le 11/02/2011 à 15:44
Bonjour,

Je remonte un peu ce topic.

Alors voilà je réalise un site intranet avec les langages js et php, entre autres.

j'ai un ensemble de cases à cochées, et je voudrais faire une case à cocher générale qui permette de sélectionner toutes les autres cases à cocher.

Bon tout cela est réalisé, mais je n'arrive pas à trouver de méthode pour pouvoir, lorsqu'une case à cocher est coché par l'intermédiaire d'une fonction, exécuter une fonction...


En clair, sur chaque input type="checkbox", j'ai une fonction affiche_ss_famille() qui s'exécute lors d'un clic sur la case.
Mais, si je veux cocher toutes mes cases via celle principale...toutes mes cases se cochent bien mais comment déclencher la fonction qui se trouve sur chacune d'elles ?

onchange=affiche_ss_famille()

Il me faudrait un intermédiaire au onchange, mais qui s'exécute donc au changement de valeur non manuel....

Merci de pouvoir m'orienter.

Necro27
1