javascript - 使用变量按值选择 jquery 集合中的元素

Question

我正在使用 jQuery，并且有一个包含页面输入的集合(对象？)。我有一个变量，用于保存循环每次迭代的值属性。我想找到与我的变量匹配的值的输入，以便我可以选中该复选框。

function reject(el) {
    const checkBox = $(el).find('input:checkbox');
    if (tempStore.checks.length > 0) {
        for (let j=0;j<tempStore.checks.length;j++) {
            $(checkBox).find("input.val("+tempStore.checks[j]+")").checked = true;
        }
    }
}

我已经在网上搜索了几个小时，但找不到正确的语法。有人可以帮忙吗？

Answer 1

如果该值是在 DOM 中设置的，您可以尝试通过 attribute 选择它使用 [value=""] 选择器:

let value = "A";

$('body').find('input[value="' + value + '"]').prop("checked", "checked");

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input type="checkbox" value="A">

请注意，在您的代码中您可以执行以下操作:

checkBox.filter(...)

这将提高性能 filter已填充的元素列表，而不是 find .

另一个解决方案(虽然不是最好的)是针对 val() 选择它。 :

let $checks = $('body').find('input[type="checkbox"]'),
    value = "B";
    
$checks.each(function() {
  let $this = $(this);
  
  if ($this.val() == value) {
    $this.prop("checked", "checked");
  }
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input type="checkbox" value="A">
<input type="checkbox" value="B">
<input type="checkbox" value="C">