0

可能重复：
jQuery 值选择器

我有这个作为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);

我究竟做错了什么？

4

3 回答 3

3

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

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

但是，这只会选择复选框，而不是它周围的文本。你可能想要什么：

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

jsFiddle 示例

这将选择标签和其中的文本。

于 2013-01-16T21:32:37.277 回答
2 
$('input[type="checkbox"][value="foo"]');
于 2013-01-16T21:29:17.050 回答
1

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

 $("#results .wList .wList-chk input:checkbox").each(function(){
     value = $(this).val();
     if(value==someVal){
          $(this).effect('highlight', {}, 1500);
     }
 });
于 2013-01-16T21:30:39.223 回答