Discussion :

[med1985]

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 html :

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

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 :

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

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.

[NoSmoking]

Bonjour,

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

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

[med1985]

Problème résolu :

Code html :

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

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 :

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

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