Home / Questions / 521134
Accepted
NoahVerner
Asked: 2022-08-17 19:48:41 +0800 CST 2022-08-17 19:48:41 +0800 CST

How to properly check if a togglebutton is currently selected in chrome console using jQuery commands?

  • 772

There is a page that shows the economic calendar for Hoyby default, which appears in the image below.

enter image description here

I've been trying to find a command jQuerythat will return trueor falsedepending on whether the called toggleButton Todayis currently selected, but haven't been able to come up with anything.

The code for that link appears here:

<div class="float_lang_base_1 js-tabs-economic">
<a href="javascript:void(0);" id="timeFrame_yesterday" data-identifier="" class="newBtn toggleButton LightGray first">Yesterday</a>
<a href="javascript:void(0);" id="timeFrame_today" data-identifier="" class="newBtn toggleButton LightGray toggled">Today</a>
<a href="javascript:void(0);" id="timeFrame_tomorrow" data-identifier="" class="newBtn toggleButton LightGray">Tomorrow</a>
<a href="javascript:void(0);" id="timeFrame_thisWeek" data-identifier="" class="newBtn toggleButton LightGray">This Week</a>
<a href="javascript:void(0);" id="timeFrame_nextWeek" data-identifier="" class="newBtn toggleButton LightGray">Next Week</a>
<a href="javascript:void(0);" id="datePickerToggleBtn" data-identifier="" class="newBtn toggleButton LightGray datePickerBtn noText datePickerIconWrap">&nbsp;&nbsp;</a>
</div>

I tried the following method in the Chrome Console:

$('#timeFrame_today').is(':selected')

And this returned:

false

Which shouldn't be the case because as I mentioned, the button #timeFrame_today(aka Today) is selected by default, so I'm at a loss here.

Any ideas?

javascript

1 Answers

  1. Best Answer

    As I see, they use a class called toggledto indicate it, so the most practical thing will be to see if it has it through the hasClass()jquery method

    $('#timeFrame_today').hasClass('toggled')

    which returns:

    true
    • 2