如何获取表格中复选框的值？答案

【问题标题】：How to get value of checkbox in table?如何获取表格中复选框的值？
【发布时间】：2015-08-28 07:06:11
【问题描述】：

如何获取表格中复选框的值？我想在这种情况下使用它来获取参数。现在，请看 html 表：

<table id="div_func" class="table table-bordered" style="width: 100%">
                                        <thead>
                                            <tr>
                                                <th>
                                                    <input type="checkbox" id="chk_all" /></th>
                                                <th>Name</th>
                                            </tr>
                                        </thead>
                                        <tbody>
        <tr>
        <td> <input type="checkbox" class="checkbox1" id="chk" name="check[]" value="D01" /></td>
        <td>Banana </td>
        </tr>
        <tr>
        <td> <input type="checkbox" class="checkbox1" id="chk" name="check[]" value="D02" /></td>
        <td>Orange </td>
        </tr>
        <tr>
        <td> <input type="checkbox" class="checkbox1" id="chk" name="check[]" value="D03" /></td>
        <td>Apple </td>
        </tr>
                </tbody>
                                    </table>

这是我的脚本，我用于在复选框中获取值，然后放入参数

function add_funcgroup() {
            var func_group = [];
            var chk_allow = "";
            var table = document.getElementById("div_func");
            for (var i = 0; i < table.rows.length; i++) {
                if ($('#chk')[i].is(':checked')) {
                    chk_allow = "True";
                }
                else {
                    chk_allow = "False";
                }
                var group_func = {
                    GROUP_MOD_ID: id_temp,
                    FUNCTION_MOD_ID: $('#chk')[i].val(),
                    ALLOW: chk_allow
                };
                func_group[i] = group_func;
            }

            var func_group_temp = {
                FUNC_MOD: func_group
            };

            var DTO = {
                'func_group_temp': func_group_temp
            };
            $.ajax(
            {

它不起作用。

【问题讨论】：

你的目标是什么
你想要数组中所有选中复选框的值
Get the value of checked checkbox?的可能重复
发布一些 html 来解释你的问题！！
$('#chk')[i] 将返回 javascript 对象，因此它不会有任何 is 或 val() 功能。你必须使用 $('#chk').eq(0)

标签： javascript jquery checkbox html-table

【解决方案1】：

你做的是对的，但是你没有输出到桌子上！

var table = $("#div_func");
var value_check = "";
for (var i = 1; i < table.rows.length; i++) {
    if ($('#chk')[i].is(':checked')) {
        value_check += i + ": " + $('#chk')[i].val();
    }
}
alert(value_check);

而且你没有附加它，而是保存！

【讨论】：

【解决方案2】：

试试这个

 $('#div_func tbody tr  input:checkbox').each(function() {
    if (this.checked) {
        //Do something
    }
});.

【讨论】：