web-dev-qa-db-fra.com

activer ou désactiver la case à cocher en html

Je veux activer ou désactiver la case à cocher dans la ligne de la table en fonction de la condition.

code - 

<td><input type="checkbox" name="repriseCheckBox" disabled={checkStat == 1 ? true : false}/></td>

si checkStat = 1, vous devez désactiver la case à cocher, sinon laissez-le activé.

Ça ne fonctionne pas. Cela désactive toutes les cases à cocher . Des suggestions?

htmljsp
23
anirudha

Si vous spécifiez l'attribut disabled, la valeur que vous lui attribuez doit être disabled. (En HTML 5, vous pouvez laisser tout sauf la valeur de l'attribut. En HTML 4, vous pouvez tout laisser sauf le nom de l'attribut.) 

Si vous ne voulez pas que le contrôle soit désactivé, ne spécifiez pas l'attribut du tout.

Désactivé:

<input type="checkbox" disabled>
<input type="checkbox" disabled="disabled">

Activée:

<input type="checkbox">

Non valide (mais généralement, erreur récupérée pour être traitée comme désactivée):

<input type="checkbox" disabled="1">
<input type="checkbox" disabled="true">
<input type="checkbox" disabled="false">

Donc, sans connaître votre langage de template, je suppose que vous recherchez:

<td><input type="checkbox" name="repriseCheckBox" {checkStat == 1 ? disabled : }/></td>
32
Quentin

En jsp, vous pouvez le faire comme ceci:

<%
boolean checkboxDisabled = true; //do your logic here
String checkboxState = checkboxDisabled ? "disabled" : "";
%>
<input type="checkbox" <%=checkboxState%>>
1
Franz Deschler

L'analyseur HTML n'interprète tout simplement pas le javascript en ligne comme ceci.

Vous pouvez faire ceci:

<td><input type="checkbox" id="repriseCheckBox" name="repriseCheckBox"/></td>

<script>document.getElementById("repriseCheckBox").disabled=checkStat == 1 ? true : false;</script>
1
Denys Séguret
<input type="checkbox" value="" ng-model="t.IsPullPoint" onclick="return false;" onkeydown="return false;"><span class="cr"></span></label>
1
rangholiya nikunj