Réinitialisation des choix

**PedroL** · 30/03/2013, 13h52

Bonjour,

Le script suivant réinitialise les valeurs par défaut des checkbox en appuyant sur le bouton "réinitialiser".

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
<script type="text/javascript">
 
function init(obj_choix){
    for (var i = 0; i<obj_choix.length; i++){
        obj_choix[i].checked = obj_choix[i].defaultChecked;
    }
}
</script>
 
<form name='formul' action='test.php'>
 
    <input type="checkbox" name="choix" value="y"> oui
<input type="checkbox" name="choix" value="n" checked> non
<input type="button" onclick="init(choix)" value="reinitialiser">
</form>

Est-ce que quelqu'un peut me l'expliquer ? c'est au niveau de la fonction init que je bloque !!

merci,

**NoSmoking** · 30/03/2013, 18h28

Bonjour,
tu as plusieurs soucis dans ce code

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

<input type="button" onclick="init(choix)" value="reinitialiser">

tu passes en paramètre à la fonction init une variable nommée choix et non une chaine de caractère contenant le mot choix, il te faut donc écrire

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<input type="button" onclick="init( 'choix')" value="reinitialiser">

dans ta fonction

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
function init(obj_choix){
  for (var i = 0; i<obj_choix.length; i++){
    obj_choix[i].checked = obj_choix[i].defaultChecked;
  }
}

tu utilises obj_choix comme étant un tableau ou encore une nodeList alors que ce n'est pas ce que tu passes en paramètre.

Il te faut dans la fonction récupérer les objets via la méthode getElementsByName qui retourne une nodeList, puis il te faut parcourir cette liste tout comme tu l'as fait

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
function init( nom){
  var oList = document.getElementsByName(nom);
  var i,  nb = oList.length;
  for( i = 0; i< nb; i++){
    oList[i].checked = oList[i].defaultChecked;
  }
}

Mais bon pour finir pourquoi ne pas mettre un simple bouton RESET

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

<input type="reset" value="reinitialiser">

**PedroL** · 30/03/2013, 23h24

Merci pour ces explications, mais ça n'est pas moi qui ai développé le code, c'est notre professeur censé maîtriser les choses.
Je prendrai le temps pour comprendre les corrections apportées, mais je veux savoir d'abord si ce qui nous a été fourni est erroné ?

merci,

**NoSmoking** · 30/03/2013, 23h45

Attention toutefois le code fourni est tout à fait valable si il existe plus loin dans le fichier

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

var choix = document.getElementsByName('choix');

à tester

Code html :

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
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<title>[...]</title>
<script type="text/javascript">
function init(obj_choix){
  for (var i = 0; i<obj_choix.length; i++){
    obj_choix[i].checked = obj_choix[i].defaultChecked;
  }
}
</script>
</head>
<body>
  <form name='formul' action='test.php'>
    <input type="checkbox" name="choix" value="y"> oui
    <input type="checkbox" name="choix" value="n" checked> non
    <input type="button" onclick="init(choix)" value="reinitialiser">
  </form>
<script>
var choix = document.getElementsByName('choix');
</script>
</body>
</html>

mais cette écriture est maladroite.

**PedroL** · 31/03/2013, 13h06

Je crois que je n'ai pas été assez clair, je m'explique :

Ce n'est pas moi qui a écrit le code. Il nous a été fourni par le prof et je cherche à le comprendre. Mes acquis en JavaScript sont faibles.

Procédons par étape :

1) Si on se permet d'écrire obj_choix.length, c'est que obj_choix a une longueur. Je veux bien le concevoir mais :
- Si obj_choix est un tableau -------> Ok, c'est la longueur du tableau qu'on évoque.
- Si obj_choix est une chaîne de caractère -------> Ok, à la limite je peux comprendre que c'est la longueur de la chaîne qui est évoqué
- Mais si obj_choix est nombre -------> KO, pas de longueur !!!

2) que veux dire ce script : obj_choix[i].checked = obj_choix[i].defaultChecked; ? je ne le comprend pas !!!

merci,

**danielhagnoul** · 01/04/2013, 13h12

Piste sans poisson d'avril :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
function init( obj_choix ){
 
	// debug
	console.log( obj_choix, typeof obj_choix,  obj_choix.length, obj_choix[ 0 ], obj_choix[ 1 ] );
 
    for ( var i = 0; i < obj_choix.length; i++){
        obj_choix[ i ].checked = obj_choix[ i ].defaultChecked;
    }
}

Réinitialisation des choix

JavaScript

Vue hybride

Discussions similaires

Partager

Partager