jQuery를 사용하여 div에서 선택한 확인란 목록 가져오기

jQuery를 사용하여 div에서 선택한 확인란 목록 가져오기

나는 특정 ID를 가진 div에서 선택된 체크박스의 이름 목록을 받고 싶습니다.jQuery를 사용하여 어떻게 합니까?

예를 들어, 이 div의 경우 배열 ["c_n_0"; "c_n_3"] 또는 문자열 "c_n_0;c_n_3"을 가져옵니다.

<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>

두 개의 이전 답변 조합:

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

이렇게 해도 될까요?

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

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

요소 자체의 배열을 제공합니다.이름만 특별히 필요한 경우:

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

나는 체크된 모든 체크박스의 개수가 필요했습니다.루프를 쓰는 대신 이것을 했습니다.

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

총 확인란 수와 비교하여 확인란 수가 동일한지 확인합니다.누군가에게 도움이 되길 바랍니다.

이것은 나에게 효과가 있습니다.

var selecteditems = [];

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

배열이 되도록 모든 이름을 동일하게 지정할 수 있지만 다른 값을 지정할 수도 있습니다.

<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>

그런 다음 지도를 사용하여 눈금이 표시된 값만 얻을 수 있습니다.

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

선택한 확인란의 수량을 가져와야 하는 경우:

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

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

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>

언급URL : https://stackoverflow.com/questions/2155622/get-a-list-of-checked-checkboxes-in-a-div-using-jquery