WooCommerce结账：如何通过JavaScript触发「送货地址不同」复选框

• WooCommerce结账表单的验证规则绑定逻辑，会判断事件是否来自真实用户交互（通过原生事件的isTrusted属性）。你用jQuery的.change()触发的是合成事件，isTrusted值为false，导致送货地址的必填项验证逻辑没有被激活。
• 触发事件后立刻禁用复选框，打断了WooCommerce内部的状态同步流程，部分表单初始化逻辑还没完成就被终止了。

不要用jQuery的.change()，而是模拟原生用户交互事件，确保事件被标记为可信，同时延迟禁用复选框，给WooCommerce留足处理时间：

const shippingCheckbox = $('#ship-to-different-address input[type=checkbox]');

// 模拟原生点击事件，触发可信的交互流程
shippingCheckbox[0].click();

// 延迟禁用复选框，等WooCommerce完成表单状态更新和验证绑定
setTimeout(() => {
  shippingCheckbox.prop('disabled', true);
  $('#ship-to-different-address span').text('Some new text');
}, 100);

如果100ms延迟不够，可以根据实际情况调整时长。也可以直接触发原生change事件，效果一致：

const shippingCheckbox = $('#ship-to-different-address input[type=checkbox]')[0];
shippingCheckbox.checked = true;
// 创建并触发可信的原生change事件
shippingCheckbox.dispatchEvent(new Event('change', { bubbles: true, cancelable: true, isTrusted: true }));

setTimeout(() => {
  shippingCheckbox.disabled = true;
  document.querySelector('#ship-to-different-address span').textContent = 'Some new text';
}, 100);

这样操作的核心是：用原生交互事件让WooCommerce认为是用户真实操作，完整执行所有初始化逻辑；延迟禁用避免打断内部流程，确保验证规则正常绑定。

内容的提问来源于stack exchange，提问作者Philipp Mochine