disabled -n- elements

Version imprimable

Bonjour,

Je cherche à alterner la propriété disabled, tout fonctionne si j'utilise la propriété display mais pas avec disabled.

Code:

1
2
3
4
5
6
7
8
9
10
11
function disabledElements(id) 
{
	collection = document.querySelectorAll("[id^='"+id+"']");
	co = collection.length;
	for (i = 0; i < co; i++) {
		// display = window.getComputedStyle(collection[i], null).getPropertyValue("display");
		// collection[i].style.display = (display=='none')?'block':'none';
		disabled = window.getComputedStyle(collection[i], null).getPropertyValue("disabled");
		collection[i].disabled = (disabled==false)?true:false;
	}
}

Merci d'avance pour vos conseils,

04/12/2017, 09h08
SpaceFrog

Sur quel type de balise ?
04/12/2017, 09h17
dominos

En fait j'ai le cas avec un checkbox sur -n- <button> et un autre cas sur un checkbox sur -n- checkbox ...
04/12/2017, 12h08
danielhagnoul

:salut:

disabled : https://developer.mozilla.org/fr/doc...ibuts/disabled

Citation:

Envoyé par https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/disabled

Pour activer l'élément, ne spécifiez simplement pas cet attribut plutôt que de définir sa valeur à false.
04/12/2017, 14h26
NoSmoking

Bonjour,

Citation:

disabled = window.getComputedStyle(collection[i], null).getPropertyValue("disabled");

:nono: disabled est un attribut et non une propriété CSS, voir lien fourni par danielhagnoul pour son utilisation.

Merci pour vos réponses, j'ai tourné ça dans tous les sens, je ne comprends pas pourquoi ça bloque comme ça, seule le true fonctionne
Code:

1 2 3 4 5 6 7 8 9 function disabledElements(id, id_checked) { collection = document.querySelectorAll("[id^='"+id+"']"); co = collection.length; for (i = 0; i < co; i++) { //disable = window.getComputedStyle(collection[i], null).disabled; collection[i].disabled = id_checked.checked; } }

Exemple qui fonctionne.

Code:

1
2
3
4
<input id="myCheck" type="checkbox" onclick="disabledElements('myButton1', 'myCheck');">Test
<button id="myButton1" disabled="disabled" >qxqs</button>
<button id="myButton2" disabled="disabled" >xqsxqs</button>
<button id="myButton3" disabled="disabled" >xqsxqs</button>

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
function disabledElements(id, id_checked) 
{
	collection = document.querySelectorAll("[id^='"+id+"']");
	co = collection.length;
	for (i = 0; i < co; i++) { 
		if (document.getElementById(id_checked).checked) {
		  collection[i].disabled = false;
		}
		else {
			collection[i].disabled = true;
		}
	}
}

Merci,

:D