javascript - 如何使用javascript获取表中所有复选框的值？

Question

我有一个表，我想获取一些复选框的值并插入字符串。然后我尝试一个函数来获取 value ，但它显示对象 Object，它不起作用。

  <table id="div_table" border="2px" >
            <tbody>
                <tr>
                <td><input  type="checkbox" value="ABC" /></td>
                <td>
<input  type="checkbox" value="123" />
<input  type="checkbox" value="456" />
<input  type="checkbox" value="789" />
</td>
                <td><input  type="checkbox" value="xyz2" />
		<input  type="checkbox" value="xyz1" />
</td>
                </tr>
	</tbody>
        </table>

我尝试了代码java函数

  function getvalue_func()
            {
                $('#div_table > tbody  > tr').each(function() 
                {
                    var str = '';
                    $(this).find('td').find("input:checked").each(function ()
                    {
                        for (var i = 0; i < $(this).length; i++)
                        {
                            str += $(this).val() + ',';
                        }
                        return alert(str);
                    });         
                });
            }

示例:我选中一些复选框: ABC,123,456 和 xyz2 。结果:ABC,123,456,xyz2

Answer 1

我认为你希望函数返回字符串

function getvalue_func() {
  return $('#div_table input:checked').map(function() {
    return this.value;
  }).get().join(', ');
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<table id="div_table" border="2px">
  <tbody>
    <tr>
      <td>
        <input type="checkbox" value="ABC" />
      </td>
      <td>
        <input type="checkbox" value="123" />
        <input type="checkbox" value="456" />
        <input type="checkbox" value="789" />
      </td>
      <td>
        <input type="checkbox" value="xyz2" />
        <input type="checkbox" value="xyz1" />
      </td>
    </tr>
  </tbody>
</table>
<button onclick="alert(getvalue_func())">get</button>

• 您可以使用简单的选择器#div_table input:checked来获取#div_table元素内所有选中的复选框
• 使用 .map() 创建这些选中复选框的数组，然后使用 .join() 将数组转换为字符串