jquery - 动态复选框不会取消选中工作

Question

嗨，我正在使用以下代码向表单动态添加复选框：

<table>
<tr>
    <?php foreach ($checks as $che) : ?>
        <td><?php echo $this->Form->checkbox($che, array('class' => $che, 'name' => $che)); ?></td>
    <?php endforeach; ?>
</tr>

它工作正常，然后在 jquery 中尝试根据是否使用以下代码检查它来做某事：

$('.Variables:checkbox').live('click', (function()
{
    if($('.' +  this.name).prop("checked", true))
    {
        $("#accordion").find('h3').filter(':contains('+this.name+')').show();

    }
    else if($('.' +  this.name).prop("checked", false))
    {
        $("#accordion").find('h3').filter(':contains('+this.name+')').hide();
    }
}));

我第一次单击复选框时它工作正常，并且出现 h3 标签，但是当我再次尝试单击它时，它并没有像应有的那样隐藏。

任何帮助都会很棒。

提前致谢。

Answer 1

我已经解决了，但感谢您的回复

$('.Variables:checkbox').on('click', (function()
{
    if($(this).prop("checked"))
    {
        $("#accordion").find('h3').filter(':contains('+this.name+')').show();  
    }
    else
    {
        $("#accordion").find('h3').filter(':contains('+this.name+')').hide();
    }
}));