JSFiddle - React, Tailwind, and code Playground

HTML

<input id='aa' class='js-all-or-dates' type="radio" name="searchselection" value="all" checked>
        <label for="aa">All ...only</label>
        <input id="dates" class='js-all-or-dates' type="radio" name="searchselection" value="dates">
        <label for="dates">Dates</label>
            
<select class='js-date-selector' disabled='disabled'>
    <option>one</option>
    <option>two</option>
</select>
<select class='js-date-selector' disabled='disabled'>
    <option>one</option>
    <option>two</option>
</select>
<select class='js-date-selector' disabled='disabled'>
    <option>one</option>
    <option>two</option>
</select>

JavaScript

$('.js-all-or-dates').on('click',function() {
    var _this = $(this),
        dateSelectors = $('.js-date-selector');
    
    if (_this.attr('id') === 'aa') {
        dateSelectors.attr('disabled', true);
    }
    else {
        dateSelectors.attr('disabled', false);
    }    
});