チェックボックスの値を取得して配列に格納する方法

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テーブルには3行があり、各行はここ3つの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">