Question

可能重复：
jQuery value selector

我将此作为html：

<div style="" id="results">
        <label class="wList"><input checked="checked" class="wList-chk" name="wList[]" value="6" type="checkbox">Running</label>
        <label class="wList"><input checked="checked" class="wList-chk" name="wList[]" value="1" type="checkbox">Baseball</label>
        <label class="wList"><input checked="checked" class="wList-chk" name="wList[]" value="3" type="checkbox">Basketball</label>
</div>

我想按值访问一个复选框，并想知道如何完成。我试过了：

$("#results .wList .wList-chk input:checkbox").attr('value').effect('highlight',{},1500);

我做错了什么？

Answer 1

有很多方法，其中之一是：

$('input.wList-chk[value="1"]').effect('highlight',{},1500);

但是，这只会选中复选框而不是周围的文字。你可能想要它：

$('input.wList-chk[value="1"]').parent().effect('highlight',{},1500);

<强> jsFiddle example

这将选择标签及其中的文字。

Answer 2

$('input[type="checkbox"][value="foo"]');

Answer 3

您需要实际检查该值。像这样：

 $("#results .wList .wList-chk input:checkbox").each(function(){
     value = $(this).val();
     if(value==someVal){
          $(this).effect('highlight', {}, 1500);
     }
 });

如何使用jquery按值访问复选框

3 个答案: