How to uncheck the box when double-clicking?

Question

I want this functionality:

When the user clicks on an already installed switch, he must turn it off.

I am trying to use this code but no luck.

$(document).on('mouseup','className',function(){
    if ($(this).is(':checked')){
        $(this).prop('checked', false);
    }
});

Answer 1

You can try

$(document).on('dblclick','.className',function(){
    if(this.checked){
        $(this).prop('checked', false);
    }
});

Demo: Fiddle

Answer 2

try it

HTML

<input type="radio" class="rdCheck" checked="checked" text="click me"/> click me

Js

$('.rdCheck').dblclick(function(){

          if($(this).is(':checked'))
          {
             $(this).removeAttr('checked');
          }
});

DEMO HERE

Answer 3

You can use . dblclick () :

$(document).on('dblclick','className',function(){
    if ($(this).is(':checked')){
        $(this).prop('checked', false);
    }
});

Answer 4

I think so:

$(document).on('dblclick','.yourCls',function(){
   if(this.checked){ // if true
      $(this).prop('checked', !this.checked); // then !this.checked == false
   }
});

---

Well, you need to check its check status this.checkedreturns boolean values true/false. if trueuncheck or check it.