2 回答

TA貢獻1802條經(jīng)驗 獲得超5個贊
您必須將腳本更改為此 -
$(".checkbox-limit").on('change', function(evt) {
var limit = parseInt($(this).parent().parent().parent().attr("data-limit"));
console.log($('input.checkbox-limit:checked').length);
if($('input.checkbox-limit:checked').length > limit) {
this.checked = false;
alert("The limit is " + limit);
}
});

TA貢獻1863條經(jīng)驗 獲得超2個贊
$(".checkbox-limit").on('change', function(evt) {
var limit = parseInt($(this).parent().parent().parent().attr("data-limit"));
console.log($('input.checkbox-limit:checked').length);
if($('input.checkbox-limit:checked').length > limit) {
this.checked = false;
alert("The limit is " + limit);
}
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<div class="row js_check_two" data-limit="2">
<div class="col-md-12">
<label>
<input type="checkbox" class="checkbox-limit" value="1">1
</label>
</div>
<div class="col-md-12">
<label>
<input type="checkbox" class="checkbox-limit" value="2">2
</label>
</div>
<div class="col-md-12">
<label>
<input type="checkbox" class="checkbox-limit" value="3">3
</label>
</div>
<div class="col-md-12">
<label>
<input type="checkbox" class="checkbox-limit" value="4">4
</label>
</div>
</div>
<br>
<br>
<div class="row js_check_two" data-limit="2">
<div class="col-md-12">
<label>
<input type="checkbox" class="checkbox-limit" value="7">7
</label>
</div>
<div class="col-md-12">
<label>
<input type="checkbox" class="checkbox-limit" value="8">8
</label>
</div>
<div class="col-md-12">
<label>
<input type="checkbox" class="checkbox-limit" value="9">9
</label>
</div>
<div class="col-md-12">
<label>
<input type="checkbox" class="checkbox-limit" value="10">10
</label>
</div>
</div>
我使用了它,但對全球的影響
添加回答
舉報