How to get value of checkbox in table?

Question

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:

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

do you want the values of all checked checkboxes in an array — Arun P Johny, Jun 12 '15 at 09:55
possible duplicate of [Get the value of checked checkbox?](http://stackoverflow.com/questions/11599666/get-the-value-of-checked-checkbox) — Armfoot, Jun 12 '15 at 09:55
*$('#chk')[i]* will return javascript object so it wont have any *is* or *val()* function . you have to use **$('#chk').eq(0)** — Balachandran, Jun 12 '15 at 10:04
Your `if` is all wrong. A DOM element neither have an `is` nor `val()` method! — lshettyl, Jun 12 '15 at 10:04

score 2 · Accepted Answer · answered Jun 12 '15 at 10:15

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!

score 0 · Answer 2 · answered Jun 12 '15 at 10:06

0

Try to this

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

answered Jun 12 '15 at 10:06

Mukesh Kalgude

4,814
2
17
32

How to get value of checkbox in table?

2 Answers2

Linked