How to uncheck radio button upon double clicking?

Question

I want this functionality:

When user clicks on already checked radio button, it should uncheck it.

I'm trying 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 This

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 this way:

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

---

Well you have to check for its checked state this.checked returns boolean values true/false. if true the uncheck it or else check it.