1

有人可以告诉我这个 jquery 代码是否有意义。我把它包装在一个文档就绪块中。如果条件集为真,我试图隐藏一个元素,但是当我单击提交按钮时,知道确实选中了一个复选框,该元素出现而不是被隐藏。下面的代码有什么明显的我遗漏的地方:

            $('#submit').on('click', function() {
            if ($('#Option1').not(':checked') &&
            $('#Option2').not(':checked') &&
            $('#Option3').not(':checked') &&
            $('#Option4').not(':checked') &&
            $('#Option5').not(':checked')) {
                $("form").submit(function () {
                    return false;
                });
                $('#selectOption').show();
            } else {
                $('#selectOption').hide();
            }
        });
4

1 回答 1

2

提交表单时隐藏或显示任何内容确实没有用,因为它无论如何都会重定向页面。我会做这样的事情并检查是否选中了 ID 以 Option 开头的任何框,然后如果没有选中任何框等,则阻止单击:

$('#submit').on('click', function(e) {
    if (!$('[id^="Option"]').is(':checked')) {
         e.preventDefault();
         $('#selectOption').show();
    }
});
于 2012-10-30T22:34:20.883 回答