(C# et Javascript) Checkbox

**midotoon** · 23/10/2008, 21h22

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

**le_chomeur** · 24/10/2008, 09h24

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

**midotoon** · 24/10/2008, 12h37

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

}

**le_chomeur** · 24/10/2008, 13h46

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 !

(C# et Javascript) Checkbox

JavaScript

Vue hybride

Discussions similaires

Partager

Partager