prop()<\/a> function that allows you to set any property of one or more DOM elements. So you can use this function to set the checked property of your checkbox. Here is its syntax.<\/p>\n\n\n\n$('element_selector').prop('checked',true);<\/pre>\n\n\n\nLet us say you have the following two checkboxes.<\/p>\n\n\n\n
<form action=\"\/test.php\">
<input type=\"checkbox\" id=\"volvo\" name=\"volvo\" value=\"volvo\" class=\"cars\">
<label for=\"volvo\"> Volvo<\/label><br>
<input type=\"checkbox\" id=\"ford\" name=\"ford\" value=\"ford\" class=\"cars\">
<label for=\"ford\"> Ford<\/label><br>
<\/form><\/pre>\n\n\n\nIf you want to set the checkbox with id=’volvo’ you can do so with the following code.<\/p>\n\n\n\n
$('#volvo').prop('checked',true);<\/pre>\n\n\n\nIf the element selector you use returns multiple items, then you will need to use an index to set the right checkbox. Here is an example where we use the class name as selector, which returns multiple items. So we use index=1 to set checkbox with id=’ford’. The first returned item has index 0, the next item has index 1, and so on.<\/p>\n\n\n\n
$('.cars')[1].prop('checked',true);<\/pre>\n\n\n\nYou can also set multiple checkbox at one go. You just need to call prop() function on it directly as shown below.<\/p>\n\n\n\n
$('.cars').prop('checked',true);<\/pre>\n\n\n\nIn the above code, our jQuery selector returns all items with class=’cars’ and calls prop() function on each of them to set them.<\/p>\n\n\n\n
If you want to control the individual items that are set using the prop() function, then you can loop through them and call prop() function on each item, or only those items that you want.<\/p>\n\n\n\n
$('.cars').each(function(){
$(this).prop('checked',true);
});<\/pre>\n\n\n\n