javascript - 禁用和启用选中复选框的按钮

Question

我的表单上有一个默认情况下禁用的按钮

<input disabled type="submit" value="" name="subscribe" id="mc-embedded-subscribe" class="subscribe__button">

我还有一个选择复选框:

 <label class="subscribe__optin">
     <input id="optin" type="checkbox" value="true" name="optin"> Ja, ik ga akkoord met de privacyverklaring
 </label>

想法是，如果复选框被选中，按钮必须是可点击的。但是，如果您在选中复选框后再次取消选中该复选框，则该按钮必须被禁用。

我的 jQuery 代码是:

$("#optin").on("change", function(e){
        if($("#optin").attr("checked")){
            $("#mc-embedded-subscribe").attr('disabled','disabled');
            console.log('checked');
        } else {
            $("#mc-embedded-subscribe").removeAttr('disabled');
            console.log('not checked');
        }
});

当我点击复选框时，我的控制台总是显示“未选中”。 我在这里做错了什么？ 我已经在 stackoverflow 上检查了其他一些示例，但这些似乎都没有解决我的问题。

Answer 1

http://api.jquery.com/prop/

就是attributes和properties的区别，只是我们在开发的时候，几乎不把区别看成一样。