Javascript prop('required'，true)可以工作，而prop('required'，false)不行？

Question

为什么$('#select_embed')属性被设置为true，而不是false？相反，我尝试了removeAttribute('required')，但这也不起作用。

<script>

    function showBundles(){
        if (document.getElementById("embed").checked){
            $('#div_embed_bundles').show('fast')
            $('#select_embed').prop('required',true);
        }
        else {
            $('#div_embed_bundles').hide('fast')
            $('#select_embed').prop('required',false);
        }
    }

</script>

Answer 1

理想情况下，如果prop('required',true)可以工作，那么prop('required',false)也应该可以工作。但是你可以尝试使用removeAttr，希望这能有所帮助。

function showBundles(){
        if (document.getElementById("embed").checked){
            $('#div_embed_bundles').show('fast')
            $('#select_embed').prop('required',true);
        }
        else {
            $('#div_embed_bundles').hide('fast')
            $('#select_embed').removeAttr('required');
        }
    }

Answer 2

使用attr()而不是prop()。我使用attr('required'，true)和attr('required'，false)，两者都能很好地工作。请阅读https://api.jquery.com/attr/上的文档以了解何时使用attr()以及何时使用prop()

或者阅读下面关于.attr()的文档的基本部分：

.attr()：获取匹配元素集中第一个元素的属性值，或者为每个匹配元素设置一个或多个属性。

从jQuery 1.6开始，对于尚未设置的属性，.attr()方法将返回undefined。若要检索和更改DOM属性，如表单元素的选中、选中或禁用状态，请使用.prop()方法。

属性与属性在特定情况下，属性和属性之间的区别可能很重要。在jQuery 1.6之前，.attr()方法有时会在检索某些属性时考虑属性值，这可能会导致不一致的行为。从jQuery 1.6开始，.prop()方法提供了一种显式检索属性值的方法，而.attr()则检索属性。

例如，应该使用.prop()方法检索和设置selectedIndex、tagName、nodeName、nodeType、ownerDocument、defaultChecked和defaultSelected。在attr 1.6之前，可以使用.attr()方法检索这些属性，但这不在jQuery的范围内。这些没有对应的属性，只是属性。