Javascript 监听器或单选按钮值更改JQuery v3.5.1

我在这里查看了其他几个问题解答，这些问题解答可以追溯到几年前JQuery的旧版本

我已按如下方式设置了我的HTML：

<ul class="choose-date-range">
    <li>
        <input type="radio" id="30-days" name="date-range" value="30-days">
        <label for="30-days">30 days</label>
    </li>
    <li>
        <input type="radio" id="60-days" name="date-range" value="60-days">
        <label for="60-days">60 days</label>
    </li>
    <li>
       <input type="radio" id="90-days" name="date-range" value="90-days">
       <label for="90-days">90 days</label>
    </li>
</ul>

$('input:radio[name="date-range"]').on('click', function () {

    alert("test: " + $(this).val());

    switch ($(this).val()) {
        case '30-days':
            //ajax GET function
            break;

        case '60-days':
            //ajax GET function
            break;

        case '90-days':
            //ajax GET function
            break;
    }
});

我已经尝试过多种旧方法，例如：

jQuery("#30-days").attr('checked', true);

jQuery("input[value='30-days']").attr('checked', true);

$('input:radio[name="date-range"]').on('check', function () {

$('input:radio[name="date-range"]').checked(function () {

$('input:radio[name="date-range"]').clicked(function () {

到目前为止没有

如果有人知道最新的语法是什么（我在较旧的版本中尝试过这些语法，它们很管用），那就太好了

---

谢谢

您可以使用

更改
事件


$（'input:radio[name=“date range”]”）。在（'change'，函数（）{
警报（“测试：+$（this.val（））；
开关（$（this.val（））{
“30天”案例：
//ajax获取函数
打破
“60天”案例：
//ajax获取函数
打破
“90天”案例：
//ajax获取函数
打破
}
});



30天


60天


90天

您可以使用
更改事件


$（'input:radio[name=“date range”]”）。在（'change'，函数（）{
警报（“测试：+$（this.val（））；
开关（$（this.val（））{
“30天”案例：
//ajax获取函数
打破
“60天”案例：
//ajax获取函数
打破
“90天”案例：
//ajax获取函数
打破
}
});



30天


60天


90天

所以你的标题是“更改”，而你没有尝试更改？；）所以你的标题是“改变”，而你没有尝试改变谢谢你的帮助@没问题。谢谢你的帮助@没问题。