javascript - 使用 jQuery 迭代多个复选框值并将它们与单个文本输入框值进行匹配

Question

我正在尝试检查文本输入字段的值字符串是否包含与多个复选框输入的值相对应的任何匹配项。如果在文本输入的值字符串中发现复选框的值匹配，则应选中该复选框，而任何不匹配的复选框应保持未选中状态。使用下面的代码，所有复选框都显示为选中状态，而只有一个复选框的值与文本输入的值字符串匹配。

jQuery

$("input[type='checkbox'][name='hello']").each(function(){
    var value = $(this).attr('value');
    var id = $(this).attr('id'); 

    if ($("input[type='text'][name='goodbye']:contains("+value+")")) {
        $("input[id="+id+"]").prop('checked', true);
    }
});

HTML

<input type="checkbox" name="hello" id="1" value="1"><label for="1">one</label>
<input type="checkbox" name="hello" id="2" value="2"><label for="2">two</label>
<input type="checkbox" name="hello" id="3" value="3"><label for="3">three</label>

<input type="text" name="goodbye" id="goodbye" value="1">

Answer 1

如果您只想进行文本比较，则以下内容应该可行

$("input[type='checkbox'][name='hello']").each(function () {
    var value = $(this).val();

    if ($('#goodbye').val().indexOf(value) >= 0) {
        $(this).prop('checked', true);
    }
});

我不确定为什么要获取 goodbye 输入过于复杂，因为您有一个 id 并且该 id 始终是唯一的(否则您会遇到其他问题)。

$('#goodbye').val()

将为您提供输入框中的值。如果未找到该值，则使用 indexOf 将返回 -1，如果找到则返回 0 或更大的数字，因此我们可以使用它来确定该值是否存在。

示例:http://jsfiddle.net/X74NK/1/