web-dev-qa-db-ja.com

HTMLのチェックボックスを有効または無効にします

条件に基づいてテーブルの行のチェックボックスを有効または無効にします。

コード-

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

checkStat = 1の場合、チェックボックスを無効にする必要があります。それ以外の場合は有効のままにします。

動いていない。すべてのチェックボックスを無効にします。助言がありますか ?

25
anirudha

disabled属性を指定した場合、指定する値mustdisabledになります。 (HTML 5では、属性値以外のすべてを省略することができます。HTML4では、属性名以外のすべてを省略することができます。)

コントロールを無効にしたくない場合は、属性をまったく指定しないでください。

無効:

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

有効:

<input type="checkbox">

無効(ただし、通常、エラーは無効として扱われるように回復されます):

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

したがって、テンプレート言語を知らなくても、あなたが探しているものは次のとおりです。

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

Jspでは、次のように実行できます。

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

HTMLパーサーは、このようなインラインJavaScriptを単に解釈しません。

これを行うことができます:

<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