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)    
});