(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