[jQuery] 檢查被勾選的 checkbox 的數目

分享:
標籤: jQuery javascript

這邊用 bootstrap 建立一下 checkbox 的列表:

<div class="form-check form-check-inline">
    <input class="form-check-input" type="checkbox" id="" name="checkbox" value="option1">
    <label class="form-check-label" for="">1</label>
</div>
<div class="form-check form-check-inline">
    <input class="form-check-input" type="checkbox" id="" name="checkbox" value="option2">
    <label class="form-check-label" for="">2</label>
</div>
<div class="form-check form-check-inline">
    <input class="form-check-input" type="checkbox" id="" name="checkbox" value="option3">
    <label class="form-check-label" for="">3</label>
</div>

接著在勾選的時候檢查被選取的 checkbox 數量就好:

$(".form-check-input").click(function(){
  let checkedCount=$(".form-check-input:checked").length;
  console.log(checkedCount)
})

 

 

和我們交流

加入我們的社群,裡面會有一些技術的內容、有趣的技術梗,以及職缺的分享,歡迎和我們一起討論。