如何禁用jquery複選框？

我搜索了更多的時間，但它不工作，我想複選框被禁用，用戶不檢查，並可以檢查它，如果一些條件。好吧，現在，我試着禁用它們。使用jQuery 2.1.3如何禁用jquery複選框？

<input type="checkbox" class="checkbox1" id="chk" name="check[]" value="U01" />Banana 
 
<input type="checkbox" class="checkbox1" id="chk" name="check[]" value="U02" />Orange 
 
<input type="checkbox" class="checkbox1" id="chk" name="check[]" value="U03" />Apple 
 
<input type="checkbox" class="checkbox1" id="chk" name="check[]" value="U04" />Candy

$(window).load(function() { 
    $('#chk').prop('disabled', true); 
});

來源

2015-06-14 Brian Crist

id應該是唯一的。你不能有四個具有相同ID的複選框。

您可以嘗試其他選擇器來選擇整個範圍的複選框，如.checkbox1（按課程），input[type="checkbox"]（按標記/屬性）。一旦你修好了ID，你甚至可以試試#chk1, #chk2, #chk3, #chk4。

下面的代碼段使用classname'chk'而不是id'chk'。此外，它使用attr來設置屬性，儘管它也適用於我使用prop以及。

$(window).load(function() { 
 
    $('.chk').attr('disabled', true); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input type="checkbox" class="chk" name="check[]" value="U01" />Banana 
 
<input type="checkbox" class="chk" name="check[]" value="U02" />Orange 
 
<input type="checkbox" class="chk" name="check[]" value="U03" />Apple 
 
<input type="checkbox" class="chk" name="check[]" value="U04" />Candy

來源

2015-06-14 07:04:09 GolezTrol

這不會沒有定義 – John11

disabled屬性它可以在我的電腦上工作。 ;） – GolezTrol

也許它取決於瀏覽器 – John11

你已經改變了ID，但是你也可以把類相同的屬性，如：

<input type="checkbox" class="checkbox1 chk" name="check[]" value="U01" />Banana

然後你可以使用jQuery禁用或檢查複選框取決於你的需要，如

禁用：

$(function() { 
    $('.chk').prop('disabled', true); 
});

要「預檢」：

$(function() { 
    $('.chk').prop('checked', true); 
});

你可以改變選擇，以適應ID或類偶數元素和改變之間的性能真或根據您的需要假。

來源

2015-06-14 08:34:58

HTML：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
<input type="checkbox" class="checkbox1" class="chk" name="check[]" value="U01" />Banana 
<input type="checkbox" class="checkbox1" class="chk" name="check[]" value="U02" />Orange 
<input type="checkbox" class="checkbox1" class="chk" name="check[]" value="U03" />Apple 
<input type="checkbox" class="checkbox1" class="chk" name="check[]" value="U04" />Candy

的Javascript/jQuery的

$(function() { 
    $("input.checkbox1").prop("disabled", true); 
});

來源

2015-06-14 08:36:33

如何禁用jquery複選框？

回答

相關問題