2011-10-10 57 views
1

林具有一個jquery函數麻煩,其中i有5個選項框(其中,當點擊檢查複選框)和「沒有這些」的複選框。JQuery選擇並取消選擇切換問題?

我想創建一個功能,您可以選擇多個選項,並通過選中「none of these」複選框,將其重置,反之亦然,如果您再次選擇一個選項(或多個),則「這些」中的任何一個都未被選中。

認爲它作爲一個市場調研的問題!下面

http://jsfiddle.net/pGgkT/

問題我有它

複製是,當我選擇,例如選擇5,4,3,然後單擊「沒有這些」,然後去BAC選擇5, 4,3,他們需要2次點擊來選擇,而不只是1,這只是其他我最初沒有選擇的人(1,2)所必需的。

+0

我沒有看到在Chrome 13 – mrtsherman

+0

對不起雙擊行爲,選擇選項時不要點擊複選框..點擊上面的圖片。那些選擇複選框將最終隱藏起來。 thanx – c0rdii

回答

1

撥動內部增加了一個click處理到div按照這裏給出的文檔。 解決您的問題,您需要調用的檢查div的點擊,當你點擊沒有。

我已經做了簡化的解決方案here

您可以通過改變點擊處理程序沒有選項來解決這個問題:

//Checkbox click - Remove selections 
$("#none").click(function() { 
    if ($("#none").attr("checked") == "checked") //IF "NONE OF THESE" IS CHECKED! 
    { 
     var parentsOfSelectedOptions = $(/*<<selector to get parent>>*/); 
     $(parentsOfSelectedOptions).each(function(item) { 
      $(item).click(); 
     }); 

     //other actions 
    }, function() { 
     //other actions 
    } 
}); 
+0

非常感謝。完美的作品! – c0rdii

+0

太棒了!如果你接受了答案,會更好:D – frictionlesspulley

+0

對不起!新的網站:P – c0rdii