Cocher/décocher chekboxes selon le name

**php_de_travers** · 28/04/2009, 18h53

Bonjour,

le code suivant permet de cocher/decocher tous les checkboxes d'un formulaire par un click sur un seul lien, selon leur name.

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
<script language="javascript" type="text/javascript">
function check(method)
{
	var checkboxes = document.getElementsByName("subscriptions");
	for(i=0; i < checkboxes.length; i++)
	{
		checkboxes[i].checked = method;
	}
}
</script>
<form method="post" action="">
    <fieldset>
		<b>Please choose the magazines you would like to subscribe to:</b><br/><br/>
		<input type="checkbox" name="subscriptions" value="1"/> Sports Illustrated<br/>
 
		<input type="checkbox" name="subscriptions" value="2"/> Bicycling<br/>
		<input type="checkbox" name="subscriptions" value="3"/> Time<br/>
		<input type="checkbox" name="subscriptions" value="4"/> Newsweek<br/>
		<input type="checkbox" name="subscriptions" value="5"/> National Geographic<br/>
	</fieldset>
 
	<br/>
	<fieldset>
    	<input type="submit" value="Subscribe" /> Select: <a href="#" onclick="check(1); return false;">All</a>, <a href="#" onclick="check(0); return false;">None</a>
	</fieldset>
</form>

Dans mon cas, pour travailler sous Prototype, j'ai été obligé d'attribuer un name différent (address-1, address-2, address-3, sport-1, sport-2, sport3).

Serait-il possible que ce script (ou un autre !) permettre de sélectionner selon une partie du name : address et sport. C'est à dire en supprimant la fin -1, -2, -3 qui sont toujous sur le même modèle "tiret + nombre" ?

**emmanuel.remy** · 29/04/2009, 02h28

Salut,

Avec un code qui reste du javascript généraliste.
Tu peux remplacer la partie de sélection des éléments par une sélection prototype type $

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
 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<HTML>
 
<script language="javascript" type="text/javascript">
//pour ton type de sélection (adress ou sport)
function check(typeSel, method)
{
	for(var i=0; i < document.forms["frm"].elements.length; i++)
	{
	  var input = document.forms["frm"].elements[i];
		if (input.type=="checkbox" && input.name.substring(0,input.name.lastIndexOf('-'))==typeSel)
        input.checked = method;
	}
}
</script>
  <BODY BGCOLOR="#EAEAFF" TEXT="#000000">
 
<form method="post" action="" name="frm">
    <fieldset>
		<b>Please choose the magazines you would like to subscribe to:</b><br/><br/>
		<input type="checkbox" name="sport-1" value="1"/> Sports Illustrated<br/>
 
		<input type="checkbox" name="sport-2" value="2"/> Bicycling<br/>
		<input type="checkbox" name="adress-3" value="3"/> Time<br/>
		<input type="checkbox" name="adress-1" value="4"/> Newsweek<br/>
		<input type="checkbox" name="adress-2" value="5"/> National Geographic<br/>
	</fieldset>
 
	<br/>
	<fieldset>
    	<input type="submit" value="Subscribe" /> Select Sport: <a href="#" onclick="check('sport',true); return false;">All</a>, <a href="#" onclick="check('sport',false); return false;">None</a><br>
      Select Adress: <a href="#" onclick="check('adress',true); return false;">All</a>, <a href="#" onclick="check('adress',false); return false;">None</a>
	</fieldset>
</form>
  </BODY>
</HTML>

ERE

**php_de_travers** · 29/04/2009, 08h30

Bonjour,

la piste Prototype est excellente car mon projet est basé sur ce framework.
Merci pour ton aide.

Cocher/décocher chekboxes selon le name

JavaScript

Vue hybride

Discussions similaires

Partager

Partager