Javascript prop('required',true)有效,但prop('required',false)不起作用?

时间:2011-09-01 00:20:29

标签: javascript jquery

为什么$('#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>

2 个答案:

答案 0 :(得分:23)

理想情况下,如果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');
        }
    }

答案 1 :(得分: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()则检索属性。

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