兩個複選框設置爲禁用，然後檢查是否另一個複選框被選中

我有三個複選框，並希望在檢查第一個數字之前禁用數字2和3。然後設置全部選中。我怎麼做。兩個複選框設置爲禁用，然後檢查是否另一個複選框被選中

我試着用

if ($('{namespace}allowplussning').is(':checked')) { 

     $('{namespace}#show-exams-on-passed-courses').removeAttr("disabled"); 
    }

然後我想給他們檢查的方法。

但它不起作用。二號和三號不會被檢查。

來源

2013-12-09 brbe24

這是不是Java – Blub

確定的，但它的jQuery – brbe24

爲什麼他們會從刪除禁用的屬性檢查？ – adeneo

嘗試如下

HTML

<input type="checkbox" id="check1"/> 
<input type="checkbox" id="check2" disabled="true"/> 
<input type="checkbox" id="check3" disabled="disable"/>

$(function(){ 
    $("#check1").click(function(){ 
     if(this.checked){ 
      $("#check2").removeAttr("disabled").prop('checked', true);; 
      $("#check3").removeAttr("disabled").prop('checked', true);; 
     } 
     else{ 
      $("#check2").prop("disabled","true").prop('checked', false);; 
      $("#check3").prop("disabled","true").prop('checked', false);; 
     } 
    }); 
});

Demo

來源

2013-12-09 08:30:55 Amit

這對我很好！ – brbe24

有一件事情是行不通的，如果你想在未選中之後保存狀態，那麼2個複選框仍然顯示選中狀態。 – brbe24

根據需要：

<input type="checkbox" name="vehicle" id='cb1' value="Bike" onclick='update()'>I have a bike<br> 
<input type="checkbox" name="vehicle" id='cb2' value="Cycle" disabled>I have a bike<br> 
<input type="checkbox" name="vehicle" id='cb3' value="Car" disabled>I have a car 
<script> 
    function update() { 
    if($('#cb1').is(':checked')) { 
     $("#cb2").prop("checked", true); 
     $("#cb3").prop("checked", true); 
     $("#cb2").attr("disabled", null); 
     $("#cb3").attr("disabled", null); 
     return; 
    } 
    $("#cb2").prop("checked", false); 
    $("#cb3").prop("checked", false); 
    $("#cb2").attr("disabled", true); 
    $("#cb3").attr("disabled", true); 
} 
</script>

Working demo here

來源

2013-12-09 08:29:39

試試這個功能和複選框，單擊呼叫：

function updateState() { 
    console.log("here"); 
    if ($('#cb1').is(':checked')) { 
     $("#cb2").prop("checked", true); 
     $("#cb3").prop("checked", true); 
     $("#cb2").removeAttr("disabled", null); 
     $("#cb3").removeAttr("disabled", null); 
    } else { 
     $("#cb2").prop("checked", false); 
     $("#cb3").prop("checked", false); 
     $("#cb2").attr("disabled", "disabled"); 
     $("#cb3").attr("disabled", "disabled"); 
    } 
}

HTML：

<input type="checkbox" name="vehicle" id='cb1' value="Bike" onclick='updateState()'>I have a bike

Here is jsfiddle demo

來源

2013-12-09 08:34:29

兩個複選框設置爲禁用，然後檢查是否另一個複選框被選中

回答

相關問題