javascript 如何获取表格中复选框的值?

声明:本页面是StackOverFlow热门问题的中英对照翻译,遵循CC BY-SA 4.0协议,如果您需要使用它,必须同样遵循CC BY-SA许可,注明原文地址和作者信息,同时你必须将它归于原作者(不是我):StackOverFlow 原文地址: http://stackoverflow.com/questions/30800228/
Warning: these are provided under cc-by-sa 4.0 license. You are free to use/share it, But you must attribute it to the original authors (not me): StackOverFlow

提示:将鼠标放在中文语句上可以显示对应的英文。显示中英文
时间:2020-10-28 12:42:43  来源:igfitidea点击:

How to get value of checkbox in table?

javascriptjquerycheckboxhtml-table

提问by Brian Crist

How can I get value of checkbox in table? I want use it for in this case in order get parameter. Now, please see html table:

如何获取表格中复选框的值?我想在这种情况下使用它来获取参数。现在,请看 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>

And this is my script , I use for get value in checkbox , then put parameter

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

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(
            {

And it's not working.

它不起作用。

回答by Praveen Kumar Purushothaman

What you have done is right, but you are not outputting it to the table!

你做的是对的,但你没有把它输出到桌子上!

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);

And you aren't appending it, instead saving!

而且您没有附加它,而是保存!

回答by Mukesh Kalgude

Try to this

试试这个

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