使用jQuery ImageTick後複選框不起作用

Question

我發現很好的插件用複選框替換圖像here。我已經使用它，它適用於簡單的場景，如this example。

現在，我有這樣的場景：

我有一個複選框爲組，一些複選框爲子組和一些複選框爲選項子組的。

當我檢查組時，所有子組和選項也會被檢查。
當我檢查子組時，該子組的所有選項也將被檢查。

我已經使用jquery，它的工作原理沒有imagetick。請參閱http://jsfiddle.net/arif_rh/GBLy3/8/,

但是當我使用imagetick時，它不起作用。請參閱http://jsfiddle.net/arif_rh/P7Fje/3/

我錯過了什麼？

Answer 1

如果您檢查呈現的html圖像標記放置與複選框顯示：無。所以，你需要做的是切換圖像，而不是點擊這裏

<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