2013-05-29 379 views
0

我有兩組複選框,全部條款和熱門條款。其中一些條款將出現在兩個列表中,並且可以選中或不選中。鏡像複選框已檢查狀態

我需要能夠確保任一組中的匹配項匹配另一組的匹配項。因此,如果移動版在熱門羣組中取消選中,則應在所有羣組中取消選中。

jQuery(document).ready(function($) { 

$('#chassischecklist li :checkbox, #chassischecklist-pop li :checkbox').on('click', function(){ 
var t = $(this), c = t.is(':checked'), id = t.val();   
$('#chassischecklist li :checkbox, #chassischecklist-pop li :checkbox').prop('checked',false); 
$('#in-chassis-' + id + ', #in-popular-chassis-' + id).prop('checked', c); 
    }); 
}); 

http://jsfiddle.net/FtJuR/

+0

有幾個錯誤,請檢查下面的答案。 –

回答

1

形成你的演示小提琴,我發現有很多錯誤。請儘量避免它們。

  1. 您將相同的id給予不同列表下的複選框。例如,有兩個複選框,其中ID爲in-chassis-57所有列表中的一個和熱門列表中的另一個。

  2. 您正在檢索變量id中的複選框的值,並嘗試使用id獲取元素,並且沒有包含該id的元素。 ID = t.val()

檢查工作Demo Fiddle

+0

看起來像是有效的,除了在Popular組中選擇或取消選擇項目時,它不會更改所有組。 – Picard102

+0

對不起,這是因爲'id'。檢查更新的[fiddle](http://jsfiddle.net/FtJuR/3/) –

相關問題