włączyć lub wyłączyć pole wyboru w html

Question

Chcę włączyć lub wyłączyć pole wyboru w wierszu tabeli na podstawie warunku.

code -

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

jeśli checkStat = 1, należy wyłączyć opcję inny trzymać go włączyć.

To nie działa. Wyłącza wszystkie pola wyboru. Jakieś sugestie?

Answer 1

W przypadku określenia atrybutu disabled wartość, którą należy podać, musi być musi być być disabled. (W HTML 5 możesz pominąć wszystko poza wartością atrybutu.W HTML 4 możesz zostawić wszystko poza nazwą atrybutu).

Jeśli nie chcesz, aby kontrola była wyłączona, nie podawaj w ogóle atrybutu .

niepełnosprawnych:

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

Włączone:

<input type="checkbox"> 

Niepoprawnie (ale zazwyczaj błąd odzyskane być traktowane jako wyłączone):

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

Tak, nie znając język szablonów, Domyślam się, że szukasz:

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

Answer 2

Parser HTML po prostu nie interpretuje wbudowanego javascript w ten sposób.

Można to zrobić:

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

<script>document.getElementById("repriseCheckBox").disabled=checkStat == 1 ? true : false;</script> 

Answer 3

Według W3Schools można użyć JavaScript do wyboru niepełnosprawnych.

<!-- Checkbox who determine if the other checkbox must be disabled --> 
<input type="checkbox" id="checkboxDetermine"> 
<!-- The other checkbox conditionned by the first checkbox --> 
<input type="checkbox" id="checkboxConditioned"> 
<!-- JS Script --> 
<script type="text/javascript"> 
    // Get your checkbox who determine the condition 
    var determine = document.getElementById("checkboxDetermine"); 
    // Make a function who disabled or enabled your conditioned checkbox 
    var disableCheckboxConditioned = function() { 
     if(determine.checked) { 
      document.getElementById("checkboxConditioned").disabled = true; 
     } 
     else { 
      document.getElementById("checkboxConditioned").disabled = false; 
     } 
    } 
    // On click active your function 
    determine.onclick = disableCheckboxConditioned; 
    disableCheckboxConditioned(); 
</script> 

Możesz zobaczyć demo działa tutaj: http://jsfiddle.net/antoinesubit/vptk0nh6/

Answer 4

Wiem, że to pytanie jest trochę stary, ale tutaj jest moje rozwiązanie.

// 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 = "" 
    } 

Mam nadzieję, że to pomoże!

Answer 5

<input type="checkbox" value="" ng-model="t.IsPullPoint" onclick="return false;" onkeydown="return false;"><span class="cr"></span></label> 

Answer 6

W JSP można zrobić to tak:

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