0

我在这里找到了用图像替换复选框的好插件。对于像这个例子这样的简单场景，我已经使用它并且它可以工作。

现在，我有这种情况：

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

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

我已经使用 jquery 制作了它，并且它在没有 imagetick 的情况下工作。见http://jsfiddle.net/arif_rh/GBLy3/8/，

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

我错过了什么？？

4

1 回答 1

0

如果您检查呈现的 html，则会使用复选框 dispaly:none 放置一个 Image 标签。所以你需要做的是切换图像而不是在这里选中复选框

<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);
});

检查这个小提琴

于 2012-09-19T16:35:33.490 回答