按钮与复选框状态不同步，求修复复选框勾选后启用按钮的功能

嘿，我帮你排查下这个问题～你的代码里有几个关键小问题导致按钮状态没同步更新，咱们一步步修正：

问题分析 #

1. 状态更新不同步：你的gdprChecker函数只更新了gdprAccepted变量，但没有触发按钮禁用状态的更新逻辑——相当于变量变了，但按钮根本不知道这件事
2. 属性值类型错误：你用了字符串"false"/"true"来设置disabled属性，jQuery的prop()方法对于布尔属性（比如disabled）需要传布尔值true/false，非空字符串会被JS判定为真值，所以即使你传"false"，按钮还是会保持禁用
3. 事件绑定缺失：初始的状态判断代码结构混乱，看起来没有正确绑定到页面加载或复选框的状态变化事件上，导致初始逻辑可能没执行

修正方案（简洁版） #

直接去掉多余的变量，通过复选框的change事件直接控制按钮状态，逻辑更清晰：

// 确保DOM加载完成后再操作元素
$(document).ready(function() {
  // 初始禁用按钮
  $('#btn-wheel-submit').prop('disabled', true);
  
  // 给复选框绑定状态变化事件
  $('#gdprCheck').on('change', function() {
    // 反向设置按钮禁用状态：复选框勾选则启用按钮，反之禁用
    $('#btn-wheel-submit').prop('disabled', !$(this).is(':checked'));
  });
});

保留变量的版本（如果你需要用到gdprAccepted变量） #

把状态更新逻辑抽成单独函数，每次变量变化时调用：

let gdprAccepted = false;

$(document).ready(function() {
  // 初始化按钮状态
  updateButtonState();
  
  // 绑定复选框的状态变化事件
  $('#gdprCheck').on('change', gdprChecker);
});

function gdprChecker() {
  gdprAccepted = $('#gdprCheck').is(':checked');
  console.log(gdprAccepted);
  // 更新按钮状态
  updateButtonState();
}

function updateButtonState() {
  // 用布尔值设置disabled，注意是!gdprAccepted：变量为true时按钮启用（disabled=false）
  $('#btn-wheel-submit').prop('disabled', !gdprAccepted);
}

额外检查点 #

• 确保你的复选框ID确实是gdprCheck，按钮ID是btn-wheel-submit，没有拼写错误
• 确认jQuery已经正确引入到页面中，否则所有jQuery语法都不会生效

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