(C# et Javascript) Checkbox

Version imprimable

23/10/2008, 21h22
midotoon

(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

voici un exemple que je te laisserais adapter :)

Code:

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

24/10/2008, 12h37
midotoon

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

}
24/10/2008, 13h46
le_chomeur

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 !