javascript - 在jquery中获取多个元素值

Question

代码

HTML

    <table>

    <tr>
       <td><input type="hidden" name="zxc_0" value="105" quantity="1"></td>
    </tr>

    <tr>
       <td><input type="hidden" name="zxc_1" value="155" quantity="3"></td>
    </tr>

    <tr>
       <td><input type="hidden" name="zxc_2" value="15" quantity="7"></td>
    </tr>

    </table>

<a id="button-generate" class="button" style="">Generate</a>

问题:

上面的代码是 html 存储数据值，那么当用户点击生成按钮时，我如何使用 java 脚本将值数据存储到数组中？

Answer 1

如果你正在使用 jquery，也许你可以试试这个:

$("#button-generate").on("click", function(){

  var vall = [];
  $.each($("input[name^='zxc_']"), function(){            
    vall.push($(this).val());
  });
  console.log(vall);
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table>

    <tr>
       <td><input type="hidden" name="zxc_0" value="105" quantity="1"></td>
    </tr>

    <tr>
       <td><input type="hidden" name="zxc_1" value="155" quantity="3"></td>
    </tr>

    <tr>
       <td><input type="hidden" name="zxc_2" value="15" quantity="7"></td>
    </tr>

    </table>

<a id="button-generate" class="button" style="">Generate</a>

http://api.jquery.com/category/selectors/attribute-selectors/