jquery find（）复选框具有特定值

Question

我有一个复选框列表，如下所示，包含在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>

使用jquery，我想更改select选项，复选框的值为1。

Answer 1

尝试：

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

Answer 3

您可以尝试类似

的内容

$(".value").change(function() {
   $(":checkbox[value="+this.value+"]").prop('checked',true)    
});

Answer 4

尝试以下代码

if($("Select.value").val()==1){

$("input[type='checkbox'][value=1]").attr('checked','checked');

}