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

时间:2012-09-04 16:19:12

标签: jquery dynamic

您好我正在使用以下代码动态添加复选框:

<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标签,但是当我尝试再次点击它时,它不会像它应该隐藏一样。

任何帮助都会很棒。

提前致谢。

1 个答案:

答案 0 :(得分: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();
    }
}));