Такой вопрос, я вешаю слушатель на собитие click по тегу <label>
и при клике это событие происходит 2 раза, в чем может быть причина?
$(document).on( 'click', '.company-advs__item', function() {
var count = countSelectedAdvantages();
console.log(count);
if( count >= 10) {
return false;
}
});
function countSelectedAdvantages() {
return $('#profile-form-advs .company-advs__item input:checked').length;
},
<div class="company-advs profile-form__advs" id="profile-form-advs">
<label class="company-advs__item">
<input type="checkbox" name="advant_id"/>
<div class="company-advs__bg">
<div class="company-advs__ico"></div>
</div>
<div class="company-advs__name">какой-то текст</div>
</label>
<label class="company-advs__item">
<input type="checkbox" name="advant_id"/>
<div class="company-advs__bg">
<div class="company-advs__ico"></div>
</div>
<div class="company-advs__name">какой-то текст</div>
</label>
<label class="company-advs__item">
<input type="checkbox" name="advant_id"/>
<div class="company-advs__bg">
<div class="company-advs__ico"></div>
</div>
<div class="company-advs__name">какой-то текст</div>
</label>
<label class="company-advs__item">
<input type="checkbox" name="advant_id"/>
<div class="company-advs__bg">
<div class="company-advs__ico"></div>
</div>
<div class="company-advs__name">какой-то текст</div>
</label>
</div>
суть задачи в том, что у меня есть набор чекбоксов, и мне нужно запретить чекать очередной чекбокс, если уже чекнуто 10 чекбоксов