禁用表单提交,直到选中(两个)复选框

Question

我们有一个表格,在表格之前我们有两个复选框.

1. 隐私
2. 条款和条件.

我想要做的是(无法通过复选框验证)是禁用提交按钮,直到两个复选框都被选中.

这些的HTML是:

<label class="s_radio"><input type="checkbox" class="required" id="terms"/> <a class="s_main_color" href="/terms">Terms</a></label>
<label class="s_radio"><input type="checkbox" class="required" id="privacy"/> <a class="s_main_color" href="/privacy">Privacy Policy</a></label>

用于验证这些的js(虽然不起作用)

if(terms == "") $('#terms').css({"outline-color":"#F12B63"});
if(privacy == "") $('#privacy').css({"outline-color":"#F12B63"});

Answer 1

杰西有一个很好的解决方案.对于一个更简洁的解决方案,避免重复(你知道,如果有人发疯并决定添加更多复选框),你可以这样做:

$(function() {
    $('input.required').click(function() {
        var unchecked = $('input.required:not(:checked)').length;
        if (unchecked == 0) {
            $('#submitBtn').removeAttr('disabled');
        }
        else {
            $('#submitBtn').attr('disabled', 'disabled');
        }
    });
});