新手求助：如何通过JS实现仅当两个复选框都勾选时启用提交按钮

Hey Mark! 作为JS新手碰到这种逻辑调整很正常，别担心，咱们一步步来搞定它～

核心思路其实很简单：每次任意一个复选框的状态变化时，都检查两个复选框是否同时被勾选，再根据结果决定提交按钮能不能点击。

假设你的原有代码已经能获取到提交按钮和第一个复选框，那只需要新增对第二个复选框的监听，再调整判断逻辑就行。这里给你一个完整的原生JS实现方案：

// 第一步：获取页面上的两个复选框和提交按钮（记得替换成你实际的ID哦）
const firstCheckbox = document.getElementById('你的第一个复选框ID'); // 替换成原来的复选框ID
const secondCheckbox = document.getElementById('policycheck_2');
const submitButton = document.getElementById('提交按钮的ID'); // 替换成提交按钮的ID

// 第二步：写一个专门的函数，用来检查按钮是否应该可用
function updateSubmitButtonStatus() {
  // 只有当两个复选框都被勾选时，按钮才解除禁用
  submitButton.disabled = !(firstCheckbox.checked && secondCheckbox.checked);
}

// 第三步：给两个复选框绑定状态变化的监听事件
firstCheckbox.addEventListener('change', updateSubmitButtonStatus);
secondCheckbox.addEventListener('change', updateSubmitButtonStatus);

// 最后：页面刚加载的时候也检查一次，确保初始状态是对的
updateSubmitButtonStatus();

简单解释下这段代码： #

• updateSubmitButtonStatus 函数会判断两个复选框的checked状态，只要有一个没勾选，提交按钮就保持禁用；只有两个都勾上了，按钮才变成可点击状态。
• 给两个复选框都绑定change事件，这样不管点哪个复选框，都会触发状态检查。
• 页面加载时调用一次函数，避免一开始按钮状态不符合预期（比如默认两个都没勾选时，按钮应该是禁用的）。

如果你的原有代码是用jQuery写的，也可以用类似的逻辑：

// jQuery版本示例
const $firstCheckbox = $('#你的第一个复选框ID');
const $secondCheckbox = $('#policycheck_2');
const $submitButton = $('#提交按钮的ID');

function updateSubmitButtonStatus() {
  $submitButton.prop('disabled', !($firstCheckbox.is(':checked') && $secondCheckbox.is(':checked')));
}

$firstCheckbox.add($secondCheckbox).on('change', updateSubmitButtonStatus);
updateSubmitButtonStatus();

这样调整后，就能实现你要的“两个复选框都勾选才允许提交”的逻辑啦～如果还有其他JS问题，随时问就好！

内容的提问来源于stack exchange，提问作者mark-milton