Javascript checkbox
ponopn
-
canfly Messages postés 14 Date d'inscription Statut Membre Dernière intervention -
canfly Messages postés 14 Date d'inscription Statut Membre Dernière intervention -
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
<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
A voir également:
- Javascript checkbox
- Telecharger javascript - Télécharger - Langages
- A javascript error occurred in the main process - Forum Handicap / Accessibilté
- Erreur #125 javascript - Forum Mozilla Firefox
- Afficher un tableau javascript en html ✓ - Forum Javascript
- Javascript arrondi - Forum Javascript
8 réponses
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
Voilà un tuto qui montre comment faire :
http://www.finalclap.com/faq/203-jquery-checkbox-is-checked
function degriser()
{
if (document.forms["Feuille"].checkbox1.checked)
{
document.getElementById('box2').checked=0 ;
document.getElementById('box3').checked=0 ;
}
}
{
if (document.forms["Feuille"].checkbox1.checked)
{
document.getElementById('box2').checked=0 ;
document.getElementById('box3').checked=0 ;
}
}
<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>
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>
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" ;
{
document.getElementById('box2').enbled="true" ;
document.getElementById('box3').enbled="true" ;
}
ca serait pas plustot
document.getElementById('box2').enabled="true" ;
document.getElementById('box3').enabled="true" ;
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.
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.
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
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
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
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
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 ?
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
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