CODEWITHSUNDEEP
javascriptjqueryjqgrid
Sanjay
Sanjay

Reputation: 443

How to catch single and double click on a checkbox

I have a mastercheckbox in my jqgrid columnb header. The requirement is like on single click one pop up has to be shown and if I double click on the same mastercheck box, I have to display another pop up. I am new to jquery,javascripts and I am in confusion whether I can catch both single and double click events on same checkbox. Also if I have to double click, just after I clicked one time, my single click event will be called right? Can you give some idea how to do this? And as of now I haven't started coding for double click (Also I don't know how to catch double click event).

Upvotes: 0

Views: 923

Answers (2)

Rituraj ratan
Rituraj ratan

Reputation: 10388

     $('#checkbox1').on('change',function() {

    if($(this).is(":checked"))// behave like  click
    {
// do your stuff
    }else{// behave like double-  click
// do your stuff    
}

        });

reference change

:checked

.is()

See DEMO

Upvotes: 1

Shashank
Shashank

Reputation: 830

  $('#checkbox1').on('click',function() {

    });

  $('#checkbox1').on('dblclick',function() {

    });

//dunno whether dblclick triggers for checkbox... //better use change event

Upvotes: 1

Related Questions