Javascript 如果单击，则切换选中/未选中的复选框

我有一个ul，里面有很多项目。单击列表项时，其类别将更改为活动。这就是我得到的

$("#verlanglijst ul li").on('click', function() {
   var activiteit = $(this).attr("class");
   $(this).toggleClass('active');       
});  

列表项是通过wordpress中的循环创建的。Wordpress还创建与列表项数量相同的复选框

<?php $activiteiten = new WP_Query("post_type=activiteiten&showposts=-1"); while($activiteiten->have_posts()) : $activiteiten->the_post();?>
    <input class="post-<?php echo $post->ID; ?> checkbox"  type="checkbox" />
<?php $count++; endwhile; wp_reset_query(); ?>

$（文档）.ready（函数（）{
$（“#verlanglijst ul li”）。在（'click'，函数（）{
var，该值=$（此值）；
toggleClass（'active'）；
if（该.hasClass（'active'））{
that.find（':checkbox'）.prop（'checked'，true）；
}否则{
that.find（':checkbox'）.prop（'checked'，false）；
}
});
});
李{
边框：实心；
边框宽度：1px；
}






要切换复选框，请尝试：

that.find(':checkbox').attr('checked', !that.find(':checkbox').attr('checked'));

that.find(':checkbox').attr('checked', !that.find(':checkbox').attr('checked'));