使用jQuery ImageTick后，复选框不起作用

我发现了一个很好的插件，可以用一个图像来替换复选框。我已经使用了它，它可以工作，对于像这样的简单场景

现在，我有一个场景：

我有一个复选框作为组，一些复选框作为子组，一些复选框作为子组的选项

当我选中组时，所有子组和选项也将被选中。
当我选中子组时，该子组的所有选项也将被选中

我使用jquery创建了它，它在没有imagetick的情况下工作。看,

但当我使用imagetick时，它不起作用。看

---

我遗漏了什么？？？

如果您选中呈现的html，则会将图像标记与复选框dispaly:none一起放置。因此，您需要做的是切换图像，而不是选中此处的复选框

<td>
    <img src="http://i49.tinypic.com/1198b3s.png" alt="no_tick" class="ticks_551845" id="tick_img_9">
    <input type="checkbox" id="9" class="g_1 s_21" name="opsi" value="1" style="display: block; ">
</td>

---

查看此

Hi@ssushanth，感谢您的快速回复。当我选中一个子组，然后所有选项也被选中时，我发现这是可行的。但当我检查组时，它仍然不起作用。即使我一个接一个地勾选了这个选项，它也不起任何作用。

    $('#s_11 , #s_21 , #s_31').click(function ()
{
    if( $(this).is(':checked')){
        $(this).parent().parent().find('td:gt(0) img').attr('src','http://i47.tinypic.com/4t3nh3.png');
    }
    else{
         $(this).parent().parent().find('td:gt(0) img').attr('src','http://i49.tinypic.com/1198b3s.png')
    }
   // $('.s_11').attr('checked', this.checked);
});