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

多くの方法がありますが、そのうちの 1 つが次のとおりです。

$('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 に答える