我想定位一个特定的复选框,例如下面的'is-wine',但我不确定语法,理想情况下是否可以在一行中完成。
关于如何做到这一点的任何想法?基本上只是想选择'is-wine'复选框而不是其他复选框。
THX
$(document).ready(function(){
$('.click-me').on('click',function(){
// doesn't work
//$('.chex input .is-wine').attr('checked',status);
$('.chex input').each( function() {
$(this).attr('checked',status);
});
});
});
</script>
</head>
<body>
here i am withing sub
<div id='my-killer-id'>
<div class='click-me'>clicke me for is-wine</div>
<div class='chex'>
<input type='checkbox' class='is-wine' /><br />
<input type='checkbox' class='is-coffee' /><br />
<input type='checkbox' class='is-tea' /><br />
<input type='checkbox' class='is-cocktail' /><br />
</div>
</div>
答案 0 :(得分:1)
这应该没有空间..
$('.chex input.is-wine').attr('checked',status);
如果你在那里放置一个空格,它将转到输入的孩子(没有孩子)
if($('.chex input.is-wine').is(':checked')){
alert('is wine is Checked !!')
}
else{
alert('is wine is not Checked !!')
}
选中此FIDDLE
你可以为此设置多个选择器。因为这个类是唯一的
$('.chex .is-wine').attr('checked',status);
OR
$('.is-wine').attr('checked',status);
OR
$('.chex input[type=checkbox][class=is-wine]').attr('checked',status);