Activer/Désactiver un bouton

Version imprimable

Bonjour,

J'ai plusieurs checkbox portant le même ID, ainsi qu'un button disabled par défaut, j'aimerai qu'une fois je coche une case ça permet d'activer le bouton. Voici mon formulaire :

Code:

1
2
3
4
5
6
7
<form id="form1" name="form1" method="post" action="">
  <input type="checkbox" id="chk" onClick="apply_submit()" />
  <input type="checkbox" id="chk" onClick="apply_submit()" />
  <input type="checkbox" id="chk" onClick="apply_submit()" />
  <input type="checkbox" id="chk" onClick="apply_submit()" />
  <button type="button" id="dl" disabled="disabled">Supprimer</button>
</form>

Voici mon code javascript :

Code:

1
2
3
4
5
6
7
8
9
10
11
<script type="text/javascript">
                    function apply_submit()
                    {
                        if(document.getElementById("chk").checked==true)
                        {
                            document.getElementById("dl").removeAttribute("disabled");
                        } else {
                            document.getElementById("dl").setAttribute("disabled", "disabled");
                        }
                    }
                 </script>

Il faut une boucle car mes checkbox ont le même ID, mais avec ce code juste le premier checkbox marche le reste ne se passe rien.

31/10/2014, 08h08
NoSmoking

Bonjour,

Citation:

J'ai plusieurs checkbox portant le même ID, ...

Commence par cela...
:mur: une ID DOIT ETRE UNIQUE !

Problème résolu :

Code:

1
2
3
4
5
6
7
<form id="form1" name="form1" method="post" action="">
  <input type="checkbox" name="chk[]" onClick="des(this, 'dl')" />
  <input type="checkbox" name="chk[]" onClick="des(this, 'dl')" />
  <input type="checkbox" name="chk[]" onClick="des(this, 'dl')" />
  <input type="checkbox" name="chk[]" onClick="des(this, 'dl')" />
  <button type="button" id="dl" disabled="disabled">Supprimer</button>
</form>

Javascript :

Code:

1
2
3
4
5
6
7
8
9
10
11
function Disable(cb,but){
	 var cbs=document.getElementsByName(cb.name);
	 but=cbs[0].form[but]
	 but.setAttribute('disabled','disabled');
	 for (var zxc0=0;zxc0<cbs.length;zxc0++){
		 if (cbs[zxc0].checked){
			 but.removeAttribute('disabled');
			 break;
		 }
	}
}