IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

JavaScript Discussion :

changement de l'etat d'un checkbox


Sujet :

JavaScript

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre éclairé
    Inscrit en
    Mai 2006
    Messages
    525
    Détails du profil
    Informations forums :
    Inscription : Mai 2006
    Messages : 525
    Par défaut changement de l'etat d'un checkbox
    Salut,
    J'ai une liste de selection et un checkbox. Je veux que suivant l'element séléctionné dans ma liste, l'etat du carré checkbox change, il sera soit grisé( donc l'utilisateur ne pourra pas le séléctuionner soit blanc donc l'utilisateur pourra dans ca cas le selectionner).

    voici le code :
    liste de séléction :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <td style="width: 140px; height: 30px;" class="br bb"><html:select style="width:100px; border: 1px solid #000000;"property="dealType" onchange="enableFields(askPrice, validDate);displayOrderBuyPrice(1);refreshLimitLowPerf(askPrice, textPerf);manageUnderCondition();" ><html:options name="orderTypeSelectBean" labelName="orderTypeSelectBean" property="selectKeys" labelProperty="selectLabels" /></html:select></td>
    mon checkbox :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    <td valign="middle">
    							<html:checkbox  property="checkboxUnder" style=" border: 1px solid #000000;background-color:#C0C0C0" onclick="switchDisplay('1');" />
    						</td>
    et mon sxitchdisplay :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    function switchDisplay(id){
    	if(document.getElementById("t"+id).style.display=='none'){
    		document.getElementById("t"+id).style.display='';
    	}
    	else
    	{
    		document.getElementById("t"+id).style.display='none';
    	}
    }
    Je ne sais pas comment procéder, merci de bien m'aider.

  2. #2
    Rédacteur/Modérateur

    Avatar de SpaceFrog
    Homme Profil pro
    Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 659
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 75
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 659
    Billets dans le blog
    1
    Par défaut
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    disabled = true ou false ...
    Ma page Developpez - Mon Blog Developpez
    Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
    Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
    Votre post est résolu ? Alors n'oubliez pas le Tag

    Venez sur le Chat de Développez !

  3. #3
    Membre éclairé
    Inscrit en
    Mai 2006
    Messages
    525
    Détails du profil
    Informations forums :
    Inscription : Mai 2006
    Messages : 525
    Par défaut
    oui mais moi ce que je voulais c changer le style en fonction de ce qui a été selectionné et ça je ne sais pas faire

  4. #4
    Rédacteur/Modérateur

    Avatar de SpaceFrog
    Homme Profil pro
    Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 659
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 75
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 659
    Billets dans le blog
    1
    Par défaut
    il ne marche pas ton style display ?


    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    function switchDisplay(id){
    	var elt=document.getElementById("t"+id)
            elt.style.display=(elt.style.display=='none')?'':'none';
            }
    Ma page Developpez - Mon Blog Developpez
    Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
    Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
    Votre post est résolu ? Alors n'oubliez pas le Tag

    Venez sur le Chat de Développez !

  5. #5
    Membre éclairé
    Inscrit en
    Mai 2006
    Messages
    525
    Détails du profil
    Informations forums :
    Inscription : Mai 2006
    Messages : 525
    Par défaut
    non le switch display ne fait que activer ou desactiver mon checkbox. il ne le colorie pas en gris par exemple ou en blanc selon qu'il est selectionné ou non

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    style=" border: 1px solid #000000;background-color:#C0C0C0"

Discussions similaires

  1. Réponses: 0
    Dernier message: 20/07/2009, 14h13
  2. Recuperer l'etat d'une checkbox
    Par Jérémy_d_alby dans le forum AWT/Swing
    Réponses: 2
    Dernier message: 02/04/2008, 13h13
  3. [Débutant] Etat d'un checkbox lors du changement d'état d'un select
    Par pottiez dans le forum Général JavaScript
    Réponses: 7
    Dernier message: 22/10/2007, 23h42
  4. Changement de backgroundImage et propriété de checkbox
    Par Roromix dans le forum Général JavaScript
    Réponses: 5
    Dernier message: 15/05/2007, 12h50
  5. Changer l'etat d'un checkbox.
    Par phpaide dans le forum Struts 1
    Réponses: 1
    Dernier message: 02/02/2007, 20h32

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo