具有特定值的 jquery find() 复选框答案

【问题标题】：jquery find() checkbox with a certain value具有特定值的 jquery find() 复选框
【发布时间】：2013-04-08 13:47:01
【问题描述】：

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

【问题讨论】：

您到底有什么问题？选择复选框还是在选择控件的值发生变化时进行选择？
请在发布问题之前仔细阅读FAQ[stackoverflow.com/faq]。您的问题是一个常见的 jQuery 问题。只需查看 jQuery api 或在 Stackoverflow (stackoverflow.com/questions/14699237/…) 中搜索类似问题，即可轻松找到解决方案。

标签： jquery find

【解决方案1】：

试试：

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

【讨论】：

如果我错了，请纠正我，但 OP 想要在选择列表中的 any 更改上选中值为 1 的复选框？至少我是这么理解的……

【解决方案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

【讨论】：

如value="Smith, David" 之类的复杂值的答案/查找表达式如何？
@TheBndr Smith, David 是单个复选框元素的值吗？
是的。值如下所示：<input type="checkbox" value="Smith, David">
@TheBndr 然后试试$('input:checkbox[value="Smith, David"]').prop('checked', true);

【解决方案3】：

你可以试试

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

【讨论】：

【解决方案4】：

试试下面的代码

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

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

}

【讨论】：

那么，对于选择控件的每个可能值，您都会有一个if 语句？这似乎不是一个很好的解决方案。