PHP OOP电商站：根据URL参数默认选中对应单选按钮

嗨，我来帮你搞定这个需求！其实实现起来很简单，只需要两步：先从URL中提取defaultSelect参数的值，再根据该值选中对应的单选按钮。下面是具体的实现步骤和代码：

1. 编写URL参数获取函数 #

首先我们需要一个能从URL中提取指定参数的工具函数，用原生JS的URLSearchParams就能轻松实现，它支持绝大多数现代浏览器：

function getUrlParam(paramName) {
    // 解析当前页面URL的查询参数
    const urlParams = new URLSearchParams(window.location.search);
    // 返回指定参数的值
    return urlParams.get(paramName);
}

2. 修改jQuery代码实现选中逻辑 #

接下来替换你当前的jQuery代码，在页面加载完成后，根据URL参数选中对应单选按钮，同时别忘了同步更新隐藏域的值：

$(document).ready(function() {
    // 获取URL中的defaultSelect参数值
    const defaultSelectValue = getUrlParam('defaultSelect');
    
    if (defaultSelectValue) {
        // 根据参数值选中对应的单选按钮
        // 注意参数值是小写的daily/weekly/monthly，正好对应单选框的id
        $(`#${defaultSelectValue}`).prop('checked', true);
        // 同步更新隐藏输入框的值
        $('.selected_plan_name').val($(`#${defaultSelectValue}`).val());
    } else {
        // 如果没有参数，保留原逻辑：默认选中第一个单选按钮
        const firstRadio = $('input[name="plan_name_selector"]:first');
        firstRadio.prop("checked", true);
        $('.selected_plan_name').val(firstRadio.val());
    }
});

关键说明 #

• 为什么用prop而不是attr？对于表单元素的checked、disabled这类布尔属性，jQuery官方推荐使用prop()方法来设置/获取状态，它能更准确地反映元素的实际状态，而attr()更多是操作HTML属性本身。
• 同步隐藏域：因为你的表单里有一个selected_plan_name的隐藏输入框，所以选中单选按钮后需要同步更新它的值，确保表单提交时能拿到正确的选项。

这样修改后，当你点击首页的Order Daily/Order Weekly/Order Monthly链接时，跳转后的问卷页面就会自动选中对应的单选按钮啦！

内容的提问来源于stack exchange，提问作者Zain Shabir