javascript - 禁用和重新启用提交按钮并考虑到跨浏览器兼容性

Question

作为防止我的网站上的机器人垃圾评论的另一种尝试，我想默认禁用提交按钮并让用户单击复选框来启用它。

这是我的代码:

<label>
    <span class="notbot">
        <input type="checkbox" class="acceptance" value="1" name="iaccept">
    </span> I'm not a bot!
</label>

<input type="submit" value="Post Comment" id="submit" name="submit">

这是一个fiddle .

我的问题是，如何使用 Javascript 或 jQuery 并考虑到跨浏览器兼容性来做到这一点？我遇到过各种解决方案，每个解决方案都有各自的问题。

理想的解决方案是，如果用户没有启用 JS，则按钮不会被禁用...如果您选择回答，请提供代码示例并更新 fiddle .

Answer 1

jQuery 解决方案，在禁用 JavaScript 时使提交按钮保持启用状态，并且适用于大多数浏览器:

$('#submit').prop('disabled', true);

$('.acceptance').on('change', function() {
    $('#submit').prop('disabled', !this.checked);
});

FIDDLE