Question

有人能告诉我这个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();
            }
        });

Answer 1

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

$('#submit').on('click', function(e) {
    if (!$('[id^="Option"]').is(':checked')) {
         e.preventDefault();
         $('#selectOption').show();
    }
});

用jquery隐藏元素

1 个答案: