42

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

コード -

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

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

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

4

6 に答える 6

55

属性を指定する場合、指定するdisabled値は である必要がありますdisabled。(HTML 5 では、属性値以外はすべて省略できます。HTML 4 では、属性名以外はすべて省略できます。)

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

無効：

<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>
于 2012-08-16T13:26:40.543 に答える
2 
<input type="checkbox" value="" ng-model="t.IsPullPoint" onclick="return false;" onkeydown="return false;"><span class="cr"></span></label>
于 2017-08-02T05:40:48.417 に答える
1

HTML パーサーは、インライン化された JavaScript をこのように解釈しません。

あなたはこれを行うことができます：

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

<script>document.getElementById("repriseCheckBox").disabled=checkStat == 1 ? true : false;</script>
于 2012-08-16T13:28:55.730 に答える
1

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

<%
boolean checkboxDisabled = true; //do your logic here
String checkboxState = checkboxDisabled ? "disabled" : "";
%>
<input type="checkbox" <%=checkboxState%>>
于 2017-08-02T06:15:37.403 に答える
-2

この質問は少し古いことは知っていますが、これが私の解決策です。

 // HTML
 // <input type="checkbox" onClick="setcb1()"/>
 // <input type="checkbox" onClick="setcb2()"/>

 // cb1 = checkbox 1
 // cb2 = checkbox 2
  var cb1 = getId('cb1'), 
      cb2 = getId('cb2');

  function getId(id) {
    return document.getElementById(id);
  }

  function setcb1() {
    if(cb1.checked === true) {
      cb2.checked = false;
      cb2.disabled = "disabled"; // You have to disable the unselected checkbox
    } else if(cb1.checked === false) {
      cb2.disabled = ""; // Then enable it if there isn't one selected.  
    }
  }

  function setcb2() {
    if(cb2.checked === true) {
      cb1.checked = false;
      cb1.disabled = "disabled"
    } else if(cb2.checked === false) {
      cb1.disabled = ""
  }

お役に立てれば！

于 2014-12-19T18:31:08.360 に答える