如何获取复选框值并存储在数组中

Question

在我的项目中，我想将checkbox值设置为数组。

这是我的代码：

$('#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')) {
  }

＆＃13;

＆＃13;

$("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);
 });

})
 

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;