Home/ Questions/Q 8027483
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-04T23:49:35+00:00

Why this dont work? When I change $(this).toggleClass(‘checked’); on alert(‘test’) and click label, I

  • 0

Why this dont work? When I change "$(this).toggleClass('checked');" on alert('test') and click label, I see alert window :-/

$(document).ready(function(){
    $("label").click(function(){
        $(this).toggleClass('checked');
    });
});

<input type="radio" name="hours" id="hours1" value="xyz" style="display: none" />
<label for="hours1">10:00</label>
<input type="radio" name="hours" id="hours2" value="xyz" style="display: none" />
<label for="hours2">11:00</label>
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Please see this working code . I hope, it fulfills your need

    $(document).ready(function(){
    $("label").click(function(){
        if(!$(this).hasClass('checked')){
            $(this).addClass('checked');
        }else{
               $(this).toggleClass('checked');
        }
    });
});

<input type="radio" name="hours" id="hours1" value="xyz" style="display: block" />
<label for="hours1">10:00</label>
<input type="radio" name="hours" id="hours2" value="xyz" style="display: block" />
<label for="hours2">11:00</label>
    • 0