javascript - jquery - 将 div 设置为不需要

Question

我有 3 种不同的选择(artigo、revista、livro)

每个都有一个独特的表格，有些有必填字段，有些则没有

我只能选择一个选项，填写相应的表格并提交。 问题是它不允许我提交，因为其他 div 中还有其他必填字段。

我想要的是，如果我选择 tipo_artigo1，它会将 tipo_livro 设置为不需要，以便我最终可以提交最终表格。

我已经有了这个代码

<script>
    $(".js-select2").each(function(){
        $(this).select2({
            minimumResultsForSearch: 20,
            dropdownParent: $(this).next('.dropDownSelect2')
        });

        $(".js-select2").each(function(){
            $(this).on('select2:close', function (e){
                if($(this).val() == "tipo_artigo1") {
                    $('.tipo_artigo').slideDown();
                    $('.tipo_livro').slideUp();
                    $('.tipo_revista').slideUp();
                }
                else if($(this).val() == "tipo_revista2"){
                    $('.tipo_artigo').slideUp();
                    $('.tipo_livro').slideUp();
                    $('.tipo_revista').slideDown(); 
                }
                else if($(this).val() == "tipo_livro3"){
                    $('.tipo_artigo').slideUp();
                    $('.tipo_revista').slideUp();
                    $('.tipo_livro').slideDown();   
                }
            });
        });
    })  
</script>

希望我解释清楚了。抱歉有任何语法错误

Answer 1

您可以设置 required元素的属性归功于 $.fn.prop :

if ($(this).val() == "tipo_artigo1") {
    // other code

    // Unrequires all <.tipo_livro> elements.
    $('.tipo_livro').prop('required', false);
}

但是自.tipo_livro是 <div> :

if ($(this).val() == "tipo_artigo1") {
    // other code

    // Unrequires all <div.tipo_livro> sub-elements which are required.
    $('.tipo_livro').find('[required]').prop('required', false);
}