jQuery在脚本中的attr和prop组合

Question

这是我使用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","");

问题是，为什么调用prop和attr的组合不起作用。如果我调用attr("disabled",true)，那么属性集prop("path","")不起作用。当我切换顺序时，属性集不起作用。我不能实现通过道具设置禁用属性。我如何将呼叫和呼叫结合起来?或者我如何通过prop调用设置html元素的禁用属性?

谢谢。

Answer 1

你可以使用:

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

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

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

Answer 2

我猜是因为方法使用不当。使用"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="">