脚本中的jQuery attr和prop组合

时间:2015-09-08 10:24:07

标签: javascript jquery html

这是我使用jQuery的脚本的一部分。

        jQuery(".disabableInputField").addClass("disabledInputField");
        cstaIpVal[0] = jQuery("#private-circuit-to-csta-subnet").val();
        cstaIpVal[1] = jQuery("#private-circuit-to-csta-subnet\\.netmask").val();
        jQuery("#private-circuit-to-csta-subnet\\.netmask").val("");
        jQuery("#private-circuit-to-csta-subnet").val("");
        jQuery(".disabableInputField").attr("disabled",true);           
        jQuery("#private-circuit-to-csta-subnet\\.netmask").prop("path", "");
        jQuery("#private-circuit-to-csta-subnet").prop("path","");

问题是,为什么call prop和attr的组合不起作用。如果我拨打attr("disabled",true),则属性集prop("path","")不起作用。当我切换订单时,属性集不起作用。我无法通过prop实现设置禁用属性。我如何结合attr和prop调用?或者如何通过道具调用设置html元素的禁用属性?

谢谢。

2 个答案:

答案 0 :(得分:2)

您可以使用以下选项禁用元素:

jQuery(".disabableInputField").prop("disabled", true);

请参阅:https://learn.jquery.com/using-jquery-core/faq/how-do-i-disable-enable-a-form-element/

也许这样:.prop() vs .attr()

答案 1 :(得分:1)

我想这是因为错误使用方法。使用" prop"用于设置属性,以及" attr"用于设置属性。不反之。以下对我来说很好。

<input type="text" id="test" />
<script type="text/javascript">
    jQuery("#test").prop("disabled",true);
    jQuery("#test").attr("path", "");
</script>
<!-- result -->
<input disabled="" id="test" type="text" path="">