jquery - 具有特定值的 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，我想更改选择选项，选中值为 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);
});

在这里演示

Answer 3

试试下面的代码

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

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

}

Answer 4

你可以尝试类似的东西

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