2013-01-14 27 views
4

相對jQuery新手:jQuery - 當限制達到時禁用剩餘的複選框

我想顯示一組複選框,其中用戶可以選擇五個複選框。

我有一些在jsfiddle中驗證的jquery代碼,但它並沒有明顯的做任何事情。

任何人都可以看到我失蹤的東西嗎?

我有一組複選框,然後將下面的javascript:

function countChecked() {        
    var n = $("input:checked").length;      
    alert(n);       

    if (n == 5) {               
     $(':checkbox:not(:checked)').prop('disabled', true); 
    }               
    else {               
     $(':checkbox:not(:checked)').prop('disabled', false); 
    } 
}  
$(":checkbox").click(countChecked); 

的的jsfiddle是here

+0

你的代碼很好,你需要選擇jQuery框架,http://jsfiddle.net/Vg4ty/4/ – Adil

回答

3

你的代碼工作正常,你只需要對框架設置爲jQuery左手側。

Update fiddle

+0

D'oh!它沒有在我有它的頁面中工作,我認爲我的jQuery是錯誤的 - 原來是一個不同的JavaScript錯誤。 我的不好。現在我需要刪除警報並更新文本字段。回到jQuery文檔... 對不起浪費人們的時間。 –

+0

@MarcWilson沒問題,我自己做過很多次了:)不要忘記標記答案爲接受這個問題。 –

+0

完成 - 並再次感謝。 我幾乎沒有發現它 - 好像幾個人在幾分鐘內做的那樣讓我感到厭煩! –

2

你有MooTools的1.4.5在您的提琴選擇..選擇Jquery 1.8.3在你的下拉列表中,它會工作..

相關問題