Wie zum Deaktivieren der Checkbox mit jquery?

Question

Ich suchte mehr Zeit mit ihm, aber es ist nicht Arbeit, ich möchte Kontrollkästchen ist deaktiviert, Benutzer nicht überprüfen und kann es überprüfen, wenn einige Bedingung. Ok, jetzt habe ich versucht, sie zu deaktivieren. Ich benutze jQuery 2.1.3

<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); 
}); 

Answer 1

id sollte eindeutig sein. Sie können nicht vier Kontrollkästchen mit derselben ID haben.

Sie können andere Selektoren versuchen, den gesamten Bereich von Kontrollkästchen wie .checkbox1 (nach Klasse), input[type="checkbox"] (durch Tag/Attribut) auszuwählen. Sobald Sie die IDs behoben haben, können Sie auch versuchen #chk1, #chk2, #chk3, #chk4.

Der folgende Ausschnitt verwendet den Klassennamen 'chk' anstelle der ID 'chk'. Außerdem verwendet es attr, um das Attribut zu setzen, obwohl es auch mit prop funktionierte.

$(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

Answer 2

Sie verändert bereits die ID, aber Sie können auch die Klasse in demselben Attribut gesetzt wie:

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

Dann können Sie jQuery verwenden, um entweder deaktivieren oder einen Scheck Checkbox je nach Bedarf Sie so

Deaktivieren:

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

To „precheck“:

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

können Sie den Wähler ändern IDs oder Klassen auch Elemente und ändern Sie die Eigenschaften zwischen wahr oder falsch nach Ihren Bedürfnissen passen.

Answer 3

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); 
});