How do I hide all the checkboxes in jQgrid?

Question

I need to hide all the checkboxes on a jQgrid and after read this two posts:

This is what I did:

// this only hides the first checkbox on the header
$('#gbox_grid_notification_queue').find('input[type="checkbox"]').hide();

// this does not hide anything at all
$('#gbox_grid_notification_queue').find('td input[type="checkbox"]').hide();

// this does not hide anything, same as previous one
var grid_notification_queue = $("#grid_notification_queue");
$("#cb_" + grid_notification_queue.id).hide();

What I am missing here?

`$('#gbox_grid_notification_queue input[type="checkbox"]').hide();` — Yogen Darji, Aug 18 '17 at 14:07

score 2 · Accepted Answer · answered Aug 18 '17 at 14:12

If you use free jqGrid fork, then the solution would be very easy. You need just add

multiselectPosition: "none"

option to prevent creating checkboxs. It improves additionally the performance of multi-selection. I remind that here you can find different options of free jqGrid, which has relation with selection. The value of multiselectPosition could be "left", "right" or "none".

score 0 · Answer 2 · answered Aug 18 '17 at 14:19

0

You can use this code

$("input[type=checkbox]").each(function() {
                $(this).hide();
            });

answered Aug 18 '17 at 14:19

Damon Dudek

181
6

This code will hide all checkboxes in the page and not only in the grid – Tony Tomov Aug 18 '17 at 19:32
Yes. Only add id grid inside selector. $("#gbox_grid_notification_queue input[type=checkbox]") – Damon Dudek Aug 18 '17 at 19:42

score 0 · Answer 3 · answered Aug 18 '17 at 19:32

0

Try this:

$('#gbox_grid_notification_queue').find('input[type="checkbox"]').each(function(){ 
    $(this).hide();
});

answered Aug 18 '17 at 19:32

Tony Tomov

3,122
1
11
18

How do I hide all the checkboxes in jQgrid?

3 Answers3