체크 박스 값을 가져와 배열에 저장하는 방법

Question

내 프로젝트에서 배열에 체크 박스 값을 저장하고 싶습니다. 여기

내 코드입니다 :

$('#fpdId').click(function(){ 
    var files = new Array(); 

    //xzyId is table id. 
    $('#xzyId tbody tr input:checkbox').each(function() { 
     if (this.checked) { 
     files.push(this.value); 
     } 
    }); 

    console.log(files); 
}); 

    <input type="button" id="fpdId" value="filePack"> 

내 HTML 테이블은 세 개의 행이 각 행은 세 TDS 여기

를 가지고 테이블 코드 :

<table border=1px class="xzy" id="xzyId" style="width:100%"> 
     <colgroup> 
      <col style="width:10%"> 
      <col style="width:80%"> 
      <col style="width:10%"> 
     </colgroup> 
     <tbody> 
     <tr> 
      <td ><input type="checkbox" value="x" >1</td> 
      <td >Stack</td> 
      <td >John</td> 
     </tr> 
     <tr> 
      <td ><input type="checkbox" value="y" >2</td> 
      <td >Stack</td> 
      <td >Sansa</td> 
     </tr> 
     <tr> 
      <td ><input type="checkbox" value="z" >3</td> 
      <td >Stack</td> 
      <td >Aya</td> 
     </tr> 
     </tbody> 
     </table> 

그러나 불운은, 배열이는 빈, 무엇이 잘못 되었나요?

Answer 1

당신에게 도움이 될 것입니다.

변경했습니다.

if ($(this).is(':checked')) { 
    } 

$("document").ready(function(){ 
 
$('#fpdId').click(function(){ 
 
    var files = new Array(); 
 

 
    //xzyId is table id. 
 
    $('#xzyId tbody tr input:checkbox').each(function() { 
 
     if ($(this).is(':checked')) { 
 
     files.push(this.value); 
 
     } 
 
    }); 
 

 
    console.log(files); 
 
}); 
 

 
}) 
 

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<table border=1px class="xzy" id="xzyId" style="width:100%"> 
 
    <colgroup> 
 
     <col style="width:10%"> 
 
     <col style="width:80%"> 
 
     <col style="width:10%"> 
 
    </colgroup> 
 
    <tbody> 
 
    <tr> 
 
     <td ><input type="checkbox" value="x" >1</td> 
 
     <td >Stack</td> 
 
     <td >John</td> 
 
    </tr> 
 
    <tr> 
 
     <td ><input type="checkbox" value="y" >2</td> 
 
     <td >Stack</td> 
 
     <td >Sansa</td> 
 
    </tr> 
 
    <tr> 
 
     <td ><input type="checkbox" value="z" >3</td> 
 
     <td >Stack</td> 
 
     <td >Aya</td> 
 
    </tr> 
 
    </tbody> 
 
    </table> 
 

 
<input type="button" id="fpdId" value="filePack">