javascript - 将 Jquery/JS 添加到输入和标签

Question

如果选择了输入，我正在尝试将 CSS 添加到标签元素

由于我无法更改的 html 构建方式，我尝试使用 input:checked + label 但失败了。

有人知道我如何使用 Javascript/Jquery 或 CSS 做到这一点吗？

<div class="radio-button-container">
    <div class="radio-button">
        <input type="radio" value="QUARTER" name="frequency" id="frequencyQUARTER">
    </div>
    <div class="radio-label">
    <label for="frequencyQUARTER">New Label</label>
    </div>
</div>

谢谢

Answer 1

$('#frequencyQUARTER').change(function(){
    if($('#frequencyQUARTER').is(':checked')){

        $('.radio-label').find('label').css({color:'red'});
    }
    else{
        $('.radio-label').find('label').css({color:'yellow'});
    }
});  

html

<div class="radio-button-container">
    <div class="radio-button">
        <input type="radio" value="QUARTER" name="frequency" id="frequencyQUARTER">
    </div>
    <div class="radio-label">
    <label for="frequencyQUARTER">New Label</label>
    </div>
</div>  

DEMO