jquery find() checkbox with a certain value

Question

I have a list of checkboxes like so below wrapped in a div.

<div>
<input type="checkbox" value="1" class="checkbox"/><br>
<input type="checkbox" value="2" class="checkbox"/><br>
<input type="checkbox" value="3" class="checkbox"/>
</div>
<select class="value">
<option value="1">One</option>
<option value="2">Two</option>
<option value="3">Three</option>
</select>

Using jquery, i would like on change for the select option, the checkbox with the value 1 to be checked.

Answer 1

Try:

$(".value").change(function() {
    $('input[type=checkbox][value=1]').prop('checked', true);
});

Answer 2

// Call the select list on change event 
$(".value").change(function() {

    // Reset all the check-boxes ckecked
    $('input:checkbox').prop('checked', false);

    // Set the chekbox with the same value as select option
    $('input:checkbox[value="' + $(this).val() + '"]').prop('checked', true);
});

DEMO HERE