2016-04-28 5 views
2

Wenn ich auf Radiobutton, Farbe wechselt zu gelb, aber wenn ich doppelklicke darauf, ich möchte seine ursprüngliche Farbe, d. H. Grau. Wie soll ich das machen?Wie zu ändern Radiobuttons Originalfarbe auf dbclick in jquery

JS

$(document).ready(function() { 
    $('input:radio').change(function() { 
     var $this = $(this); 
     $this.closest('.box').find('div.highlight').removeClass('highlight'); 
     $this.closest('.q').addClass('highlight'); 
    }); 
}); 

CSS

.q { 
    background: #ccc; 
    margin: 10 px; 
} 

.highlight { 
    background: #FC0; 
} 

HTML

<div class="box"> 
    <div class="q"> 
     <input type="radio" id="1" name="11" /> 
     <label for 1>Radio Button1</label> 
    </div> 
    <div class="q"> 
     <input type="radio" id="2" name="11" /`enter code here`> 
     <label for 1>Radio Button2</label> 
    </div> 
</div> 

Antwort

1

Verwendung dblclick und klicken Ereignis

<script> 
$(document).ready(function(){ 
    $('input:radio').click(function(){ 
     var $this = $(this); 
     $this.closest('.box').find('div.highlight').removeClass('highlight'); 
     $this.closest('.q').addClass('highlight'); 
    }) 
    .dblclick(function(){ 
     var $this = $(this); 
     $this.closest('.box').find('div.highlight').removeClass('highlight'); 
     $this.closest('.q').removeClass('highlight'); 
    }); 
}); 
</script> 
+2

Warum nicht 'toggleClass' verwenden? –

+0

toggleClass kann auch verwendet werden :) –

+0

danke @ aju John ... –

Verwandte Themen