Rechercher : dans
Par :

Javascript checkbox

Dernière réponse le 30 oct 2007 à 19:54:57 ponopn, le 29 avr 2006 à 10:32:15 
 Signaler ce message aux modérateurs

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

Meilleures réponses pour « javascript checkbox » dans :
Javascript - Librairies d'effets pour vos images VoirAu gré de vos explorations du web, vous avez vu de superbes effets de présentation des images. Et ça vous plairaît bien de pouvoir proposer les mêmes à vos visiteurs. Voici quelques solutions en Javascript couplées à des CSS. Elles sont plus...
YouTube - Vous avez désactivé JavaScript VoirProblème Lorsque vous naviguez sur certains sites, tels que YouTube, ceux-ci affichent le message d'erreur suivant : Vous avez désactivé JavaScript ou bien vous possédez une ancienne version d'Adobe Flash Player. Téléchargez la dernière version...
Javascript - Modifier la hauteur (height) d'un élément HTML VoirPour modifier la hauteur d'un élément HTML en javascript, il suffit d'utiliser sa propriété de style "height". Pour cela vous pouvez y faire référence de la manière suivante : Si vous souhaitez connaître la hauteur (height) d'un bloc HTML, il...
Javascript - Les événements VoirQu'appelle-t-on un événement? Les événements sont des actions de l'utilisateur, qui vont pouvoir donner lieu à une interactivité. L'événement par excellence est le clic de souris, car c'est le seul que le HTML gère. Grâce au Javascript il est...
Javascript - Introduction au langage Javascript VoirQu'est-ce que le Javascript? Le Javascript est un langage de script incorporé dans un document HTML. Historiquement il s'agit même du premier langage de script pour le Web. Ce langage est un langage de programmation qui permet d'apporter des...
Javascript - Les variables VoirLe concept de variable Une variable est un objet repéré par son nom, pouvant contenir des données, qui pourront être modifiées lors de l'exécution du programme. En Javascript, les noms de variables peuvent être aussi long que l'on désire,...

1

ponpon, le 29 avr 2006 à 12:19:36

{
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.

Répondre à ponpon

2

seddik77, le 29 avr 2006 à 13:41:10

<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>

Répondre à seddik77

3

ricric, le 30 avr 2006 à 20:10:42

Function degriser()
{
if (document.forms["Feuille"].checkbox1.checked)
{
document.getElementById('box2').checked=0 ;
document.getElementById('box3').checked=0 ;
}
}

Répondre à ricric

4

DG, le 13 sep 2007 à 10:31:27

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" ;

Répondre à DG

5

guix76, le 27 sep 2007 à 16:35:35

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

Répondre à guix76

6

 Naletar, le 30 oct 2007 à 19:54:57

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

Répondre à Naletar