2016-12-25 4 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

Добро пожаловать в переполнение стека! Пожалуйста, примите [тур] (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

О нет, я просто использовал HTML-тег

Смежные вопросы