单击标签时选中复选框状态

Question

我的复选框有样式标签并隐藏了实际的复选框。

<fieldset class='checkboxgroup'>
    <div>
       <input type='checkbox' id='item1' class='groupChkBox'>
       <label for="item1">Julienne Carrots</label>
    </div>
    <div>
       <input type='checkbox' id='item2' class='groupChkBox'>
       <label for="item2">Lettuce Salad</label>
    </div>
 </fieldset>

$(".checkboxgroup label").click(function(){

   if ($(this).is(':checked')) {
       $("#boxofnouse").append("<div class='"+$(this).attr('id')+"'>hello world "+$(this).attr('id')+"</div>")
   } 

}）;

现在我的问题是如何在点击标签时检查是否选中了复选框？

我尝试过使用，但没有用。

var closestParentfieldset = $(this).closest("fieldset");
if ($(closestParentfieldset > input).is(':checked'))

Answer 1

您需要检查是否选中了复选框，而不是标签：

$(this).prev().is(':checked')

Example

Answer 2

试试这个..

$(this).siblings("input").is(":checked")