Wie überprüft man, ob Eingabewert gleich einem der folgenden ist, dann aktivieren Sie das Kontrollkästchen

Question

Ich habe ein funktionierendes Skript, aber ich weiß, es gibt eine Möglichkeit, dies mit einer if-Anweisung zu bereinigen, aber ich kann es nie funktionieren.

Ich versuche einen Weg zu finden, um zu suchen, wenn der Wert gleich 2, 3 oder 5 ist. Wenn ja, dann setze das Häkchen. Hier

ist das Skript:

var num = 5; 
$('input:checkbox[value="' + num + '"]').attr('checked', true); 
var num = 2; 
$('input:checkbox[value="' + num + '"]').attr('checked', true); 
var num = 3; 
$('input:checkbox[value="' + num + '"]').attr('checked', true); 

HTML:

<div id="select"> 
<input type="checkbox" name="my_check[]" value="1"> 
<input type="checkbox" name="my_check[]" value="2"> 
<input type="checkbox" name="my_check[]" value="3"> 
<input type="checkbox" name="my_check[]" value="4"> 
<input type="checkbox" name="my_check[]" value="5"> 
</div> 

This fiddle shows it working

Answer 1

Sie Karte für mehrere Werte verwenden kann. Schieben Sie den Wert in ein einzelnes Array und verwenden Sie die Karte auf dem Arry, um den Wert zu überprüfen.

[5,2,3].map(function(num){ 
    $('input:checkbox[value="' + num + '"]').prop('checked', true); 
}) 

Arbeits Fiddle https://jsfiddle.net/d393savL/1/

PS: Changed die Antwort verwendet prop wie @ Mike Dank vorgeschlagen :)

Answer 2

Schleife durch alle Eingangskontrollkästchen und prüfen Sie den Wert Attribut

$(function(){ 
    $('input[type="checkbox"]').each(function(index, item){ 
    switch($(item).attr('value')) { 
     case '2': 
     case '3': 
     case '5': $(item).prop('checked', true); 
     break; 

    } 

    }) 
}) 

JSFIDDLE

Answer 3

Mit .forEach():

var values = [2, 3, 5]; 
values.forEach(function(value) { 
    $('input:checkbox[value="' + value + '"]').prop('checked', true); 
}); 

Dies würde "Schleife" durch Ihre values Variable, versucht jede checkbox mit den passenden Werte zu überprüfen.

Answer 4

Ähnlich wie die anderen, aber unter Ausnutzung der Selektoren. Sie können mehrere Selektoren in einer einzigen Zeichenkette haben, sodass jQuery einfacher die Schleifen ausführen kann.

$(function() { 
 
    $(':checkbox[value="2"],:checkbox[value="3"],:checkbox[value="5"]').prop('checked', true); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div id="select"> 
 
<input type="checkbox" name="my_check[]" value="1"> 
 
<input type="checkbox" name="my_check[]" value="2"> 
 
<input type="checkbox" name="my_check[]" value="3"> 
 
<input type="checkbox" name="my_check[]" value="4"> 
 
<input type="checkbox" name="my_check[]" value="5"> 
 
</div>