CODEWITHSUNDEEP
javascriptjquerycheckboxjqgrid
Sanjay Malhotra
Sanjay Malhotra

Reputation: 161

Iterate through the list and get checked checkbox id in jquery

I have got id's of all the row which have check box in a variable.

var allIds = jQuery("#progAccessSearchResults").jqGrid("getDataIDs");

Now I have to iterate over this and get id's of only checked check boxes. I tried following code to get checked checkbox id.

var boxes = $(":checkbox:checked");

But it is not working. Help me out..!! I am new to javascript n jquery. So pls don't mind if it is a silly problem..!!

Upvotes: 4

Views: 25988

Answers (4)

Oleg
Oleg

Reputation: 221997

You can use first :nth-child selector to get <td> elements having checkboxs in the grid. Then you can use >input:checked selector to get all checked checkboxs. After you have jQuery object which contains the requested checkboxes you can use .closest("tr.jqgrow") to get rows having the checkboxes. The ids of the rows is what you need. You can use $.map to get all ids in the array. The full code will be

$("#getIds").button().click(function () {
    var $checked = $grid.find(">tbody>tr.jqgrow>td:nth-child(" +
                   (iCol + 1) + ")>input:checked"),
        ids = $.map($checked.closest("tr.jqgrow"),
                    function (item) { return item.id; });
    alert("The list of rowids of the rows with checked chechboxs:\n" + ids.join());
});

where the index of the column with checkboxs iCol you can get using getColumnIndexByName function

var getColumnIndexByName = function (grid, columnName) {
    var cm = grid.jqGrid("getGridParam", 'colModel'), i, l;
    for (i = 0, l = cm.length; i < l; i += 1) {
        if (cm[i].name === columnName) {
            return i; // return the index
        }
    }
    return -1;
};

which I frequently used in my old answers.

The demo demonstrate the above code live.

Upvotes: 1

iJade
iJade

Reputation: 23801

Try this piece of code

var selected = new Array();
$('input:checked').each(function() {
    selected.push($(this).attr('id'));
});

And you get all checked check box id in selected array. Here is jsfiddle

Upvotes: 1

NaYaN
NaYaN

Reputation: 1320

try with loop each of jquery

$("input:checkbox").each(function(){
    var $this = $(this);    
    if($this.is(":checked")){
        console.log($this.attr("id"));
    }
});

Upvotes: 4

CodingIntrigue
CodingIntrigue

Reputation: 78535

You can use .map to find all IDs of checked checkboxes, using your existing selector:

HTML:

<input type="checkbox" id="cb1" />
<input type="checkbox" id="cb2" />
<input type="checkbox" id="cb3" checked="checked" />
<input type="checkbox" id="cb4" />
<input type="checkbox" id="cb5" checked="checked" />

Javascript:

var checkedIds = $(":checkbox:checked").map(function() {
        return this.id;
    }).get();

Returns: [ "cb3", "cb5" ]

Here is a fiddle for the above code.

Upvotes: 15

Related Questions