You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

WooCommerce radio单选按钮如何设置默认选中第一个选项

你可以通过两种方式实现radio按钮的默认选中效果:

  1. 直接在字段配置数组中添加default参数,参数值设为你要默认选中的选项对应的键名即可,修改后的配置如下:
'type'  => 'radio',
'class' => array('box form-row-wide'),
'default' => 'default', // 新增该行,值对应options中要默认选中项的key
'options' => array(
    'default'  => 'Default option',
    'other'    => 'Other option',
  ),
  1. 如果你是手动渲染radio输入项,在输出input标签时通过checked函数判断添加选中属性即可,示例代码如下:
// your_option_name替换为实际存储字段的名称
$saved_val = get_option('your_option_name', 'default');
foreach ($options as $key => $label) {
    printf(
        '<label><input type="radio" name="your_option_name" value="%s" %s> %s</label>',
        esc_attr($key),
        checked($saved_val, $key, false),
        esc_html($label)
    );
}

内容的提问来源于stack exchange,提问作者wp-ap

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.09.25 00:54:02