Question

我发现使用图片here替换复选框的好插件。我使用它并且它适用于this example等简单场景。

现在，我有这种情况：

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

当我检查组时，也会检查所有子组和选项当我检查子组时，也会检查该子组的所有选项。

我使用jquery制作它，它没有图像效果。见http://jsfiddle.net/arif_rh/GBLy3/8/，

但是当我使用imagetick时，它不起作用。见http://jsfiddle.net/arif_rh/P7Fje/3/

我错过了什么？

Answer 1

如果您检查渲染的html，则放置一个Image标记，其复选框为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>

为获得预期输出而必须编写的代码是..此外，这可以折叠为单个事件，而不是每个复选框的单独点击事件。

    $('#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);
});

检查此FIDDLE

使用jQuery ImageTick后，Checkbox不起作用

1 个答案: