Discussion :

[dominos]

Bonjour,

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

Code :

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

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,

[SpaceFrog]

Sur quel type de balise ?

[dominos]

En fait j'ai le cas avec un checkbox sur -n- <button> et un autre cas sur un checkbox sur -n- checkbox ...

[danielhagnoul]

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

Pour activer l'élément, ne spécifiez simplement pas cet attribut plutôt que de définir sa valeur à false.

[NoSmoking]

Bonjour,

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

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

[dominos]

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 :

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

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

[dominos]

Exemple qui fonctionne.

Code HTML :

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

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 :

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

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,