2016-12-25 87 views
-3

我想將選中的複選框限制爲3,如果您可以提供幫助,我無法做到這一點。Javascript,複選框選中限制

 <div class="col-md-4" dir="ltr" ><center> 
<span class="button-checkbox"> 
    <button type="button" style="width:200px;text-align: left;" class="btn" data-color="primary">'.$icon_image.' '.$group.' </button> 
    <input type="checkbox" name="icon[]" value='.$sgid.' /> 
</span> 

我曾嘗試寫的東西在這裏它也複選框被PHP所以它取決於MySQL數據庫的數據遙相呼應。

var limit = 3; 
$('input.icon[]').on('change', function(evt) { 
    if($(this).siblings(':checked').length >= limit) { 
     this.checked = false; 
    } 
}); 
+2

1.我只看到一個** **在你的榜樣複選框。 2.你的JavaScript代碼在哪裏?你有沒有試着自己寫點東西? – Dekel

+1

歡迎來到Stack Overflow!請參考[遊覽](http://stackoverflow.com/tour),環顧四周,閱讀[幫助中心](http://stackoverflow.com/help),特別是[我該如何問一個好問題?](http://stackoverflow.com/help/how-to-ask)和[我可以問什麼問題?](http://stackoverflow.com/help/on-topic)。從第二個環節來看:「提出作業幫助的問題必須包括您迄今爲止解決問題所做的工作的總結,並描述您解決問題的難度。」 –

+0

你好, 我的確嘗試在這裏寫點東西,它是 – MAH3R

回答

1

你的JavaScript函數會像:

var limit = 3; 
$('input[type=checkbox]').on('change', function(evt) { 
    if($(this).siblings(':checked').length >= limit) { 
     this.checked = false; 
    } 
}); 
+0

不幸的是沒有工作 – MAH3R

+0

您是否在'$(document).ready(function(){...})中加入了這個內容? – Hicaro

+0

哦,不,我剛剛使用了