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 :

(C# et Javascript) Checkbox


Sujet :

JavaScript

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre confirmé
    Inscrit en
    Avril 2007
    Messages
    112
    Détails du profil
    Informations forums :
    Inscription : Avril 2007
    Messages : 112
    Par défaut (C# et Javascript) Checkbox
    J'ai une colonne sous forme de checkbox dans un DataGrid.
    j'ai créé un bouton 'tout cocher' et un autre 'tout décocher',
    ces deux bouton doivent appeler des méthodes javascript que je dois implémenter dans ma page aspx , ces deux méthodes doivent cocher tout les checkbox affichés ou bien les décocher.
    j'ai besoin de connaitre le code javascript qui permet ceci, et aussi le code c# qui va appeler ma fonction javascript depuis le fichier aspx associé à ma page cs.


    Merci

  2. #2
    Expert confirmé
    Avatar de le_chomeur
    Profil pro
    Développeur informatique
    Inscrit en
    Février 2006
    Messages
    3 653
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations professionnelles :
    Activité : Développeur informatique

    Informations forums :
    Inscription : Février 2006
    Messages : 3 653
    Par défaut
    voici un exemple que je te laisserais adapter

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
     
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Document sans nom</title>
    <script type="text/javascript">
    	function cocherOuDecocher() {
    		var etat = (document.getElementById("valide").checked) ? true:false;
    		var nbElement = document.getElementById('listeCheckbox').getElementsByTagName('input');
    		if(etat){
    			for(var i = 0 , l = nbElement.length ; i <l ; i++){
    				if (nbElement[i].type == 'checkbox') {
    					nbElement[i].checked = etat;
    				}
    			}
    		}
    	}
     
    function creerCheckBox(nombre){
    	document.getElementById('listeCheckbox').innerHTML = '';
    	for(var i = 0 ; i < nombre ; i++){
    		var inputcheck = document.createElement("input");
    		inputcheck.type= 'checkbox';
    		document.getElementById('listeCheckbox').appendChild(inputcheck);
    	}
    }
    </script>
    </head>
     
    <body>
    <input type="checkbox" value="toto" onclick="cocherOuDecocher()" id="valide" />
    <input type="text" value="100" id="nbCheck" /><input type="button" value="créer" onclick="creerCheckBox(document.getElementById('nbCheck').value)" />
    <hr />
    <div id="listeCheckbox">
     
    </div>
    </body>
    </html>

    tu n'auras besoins que de javascript et une div avec un id qui contiendra tes checkbox

  3. #3
    Membre confirmé
    Inscrit en
    Avril 2007
    Messages
    112
    Détails du profil
    Informations forums :
    Inscription : Avril 2007
    Messages : 112
    Par défaut
    voilà ma fonction javascript qui ne fonctionne pas :
    function toutcocher()
    {



    v_o_datag=document.getElementById("DataGrid1");
    v_o_checkbox = v_ovdatag.getElementsById("SelectCheckbox");

    for (var i = 0; i < v_o_checkbox.length; i++)
    {
    v_o_checkbox[i].checked = true;
    }

    }

  4. #4
    Expert confirmé
    Avatar de le_chomeur
    Profil pro
    Développeur informatique
    Inscrit en
    Février 2006
    Messages
    3 653
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations professionnelles :
    Activité : Développeur informatique

    Informations forums :
    Inscription : Février 2006
    Messages : 3 653
    Par défaut
    normal

    document.getElementById("DataGrid1")

    en c# datagrid1 sera remplacé par un id généré ...

    puis :
    v_ovdatag.getElementsById("SelectCheckbox")

    tu récupères un objet et non une collection, analyse ma source elle est on ne peut plus claire !

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. [Java, Jsf, Richfaces, Javascript] Checkbox
    Par toMuch dans le forum JSF
    Réponses: 3
    Dernier message: 22/09/2010, 11h15
  2. [Javascript] Checkbox et cache-cache tableau
    Par R1pToR dans le forum Struts 1
    Réponses: 13
    Dernier message: 05/07/2007, 13h31
  3. [Javascript] checkbox et retour de valeur
    Par xaaros dans le forum Général JavaScript
    Réponses: 2
    Dernier message: 22/12/2006, 15h02
  4. [Javascript] Checkbox dans l'ordre
    Par kamel_leon dans le forum Général JavaScript
    Réponses: 1
    Dernier message: 21/02/2006, 23h17
  5. [javascript] checkbox et onCheck
    Par LE NEINDRE dans le forum Général JavaScript
    Réponses: 7
    Dernier message: 04/10/2005, 15h48

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