Nhận danh sách các hộp kiểm tra trong div bằng jQuery

Tôi muốn nhận danh sách tên của các hộp kiểm được chọn trong div với id nhất định. Làm thế nào tôi có thể làm điều đó bằng cách sử dụng jQuery?

Ví dụ, đối với div này, tôi muốn lấy mảng ["cầu0"; "cầu3"] hoặc một chuỗi "cầu0; cầu3"

<div id="checkboxes">
    <input id="chkbx_0" type="checkbox" name="c_n_0" checked="checked" />Option 1
    <input id="chkbx_1" type="checkbox" name="c_n_1" />Option 2
    <input id="chkbx_2" type="checkbox" name="c_n_2" />Option 3
    <input id="chkbx_3" type="checkbox" name="c_n_3" checked="checked" />Option 4
</div>

Kết hợp hai câu trả lời trước:

var selected = [];
$('#checkboxes input:checked').each(function() {
    selected.push($(this).attr('name'));
});

Điều này sẽ làm gì?

var selected = [];
$('div#checkboxes input[type=checkbox]').each(function() {
   if ($(this).is(":checked")) {
       selected.push($(this).attr('name'));
   }
});

$("#checkboxes").children("input:checked")

sẽ cung cấp cho bạn một loạt các yếu tố chính họ. Nếu bạn chỉ cần đặc biệt tên:

$("#checkboxes").children("input:checked").map(function() {
    return this.name;
});

Tôi cần số lượng của tất cả các hộp kiểm tra. Thay vì viết một vòng lặp tôi đã làm điều này

$(".myCheckBoxClass:checked").length;

So sánh nó với tổng số hộp kiểm tra xem chúng có bằng nhau không. Hy vọng nó sẽ giúp được ai đó

Điều này làm việc cho tôi.

var selecteditems = [];

$("#Div").find("input:checked").each(function (i, ob) { 
    selecteditems.push($(ob).val());
});

Bạn cũng có thể đặt cho chúng tất cả cùng một tên để chúng là một mảng , nhưng cung cấp cho chúng các giá trị khác nhau :

<div id="checkboxes">
    <input type="checkbox" name="c_n[]" value="c_n_0" checked="checked" />Option 1
    <input type="checkbox" name="c_n[]" value="c_n_1" />Option 2
    <input type="checkbox" name="c_n[]" value="c_n_2" />Option 3
    <input type="checkbox" name="c_n[]" value="c_n_3" checked="checked" />Option 4
</div>

Sau đó, bạn chỉ có thể nhận giá trị của những người được đánh dấu bằng bản đồ :

$('#checkboxes input:checked[name="c_n[]"]')
            .map(function () { return $(this).val(); }).get()

function listselect() {
                var selected = [];
                $('.SelectPhone').prop('checked', function () {

                    selected.push($(this).val());
                });

                alert(selected.length);

     <input type="checkbox" name="SelectPhone" class="SelectPhone"  value="1" />
         <input type="checkbox" name="SelectPhone" class="SelectPhone"  value="2" />
         <input type="checkbox" name="SelectPhone" class="SelectPhone"  value="3" />
        <button onclick="listselect()">show count</button>

 var agencias = [];
 $('#Div input:checked').each(function(index, item){
 agencias.push(item.nextElementSibling.attributes.for.nodeValue);
 });