使用JavaScript将禁用的属性添加到输入元素

Question

我有一个输入框，我希望它被禁用，并同时隐藏它，以避免移植我的窗体时出现问题。

到目前为止，我有下面的代码隐藏我输入：

$(".shownextrow").click(function() { 
    $(this).closest("tr").next().show().find('.longboxsmall').hide(); 
}); 

这是一个被隐藏的结果输入：

<input class="longboxsmall" type="text" /> 

如何我也禁用属性添加到输入？

Answer 1

$("input").attr("disabled", true);截至......我什么都不知道了。

这是2013年12月，我真的不知道该告诉你什么。

首先它总是.attr()，然后它总是.prop()，所以我回到这里更新了答案并使其更加准确。

然后一年后，jQuery又改变了主意，我甚至不想跟踪这一点。长话短说，截至目前，这是最好的答案：“你可以同时使用......但这取决于你。”

你应该阅读这个答案，而不是：https://stackoverflow.com/a/5876747/257493

而他们的发行说明这种变化包括在这里：

无论.attr（），也不.prop（）应该被用于获取/设置值。使用.val（）方法（尽管使用.attr（“value”，“somevalue”）将继续工作，就像1.6之前那样）。

总结优选的用法

的.prop（）方法的应该用于布尔属性/特性和对于不以html存在性能（如window.location的）。所有其他属性（您可以在html中看到的）可以并应该继续使用.attr（）方法进行操作。

或者换句话说：

“.prop =非文件类的东西”

“.attr”=文件的东西

... ...

我们都可以在这里了解关于API稳定性的教训...

Answer 2

只是使用jQuery的attr()方法

$(this).closest("tr").next().show().find('.longboxsmall').attr('disabled', 'disabled'); 

Answer 3

你可以得到的DOM元素，并直接设置禁用属性。

$(".shownextrow").click(function() { 
    $(this).closest("tr").next().show() 
      .find('.longboxsmall').hide()[0].disabled = 'disabled'; 
}); 

，或者如果有一个以上的，可以使用each()来设置所有的人：

$(".shownextrow").click(function() { 
    $(this).closest("tr").next().show() 
      .find('.longboxsmall').each(function() { 
       this.style.display = 'none'; 
       this.disabled = 'disabled'; 
      }); 
}); 

Answer 4

$(element).prop('disabled', true); //true|disabled will work on all 
$(element).attr('disabled', true); 
element.disabled = true; 
element.setAttribute('disabled', true); 

以上所有的都是非常有效的解决方案。选择最适合您需求的产品。

Answer 5

如果您使用的是jQuery，那么有几种不同的方法来设置disabled属性。从我的消息来源

var $element = $(...); 
    $element.prop('disabled', true); 
    $element.attr('disabled', true); 

    // The following do not require jQuery 
    $element.get(0).disabled = true; 
    $element.get(0).setAttribute('disabled', true); 
    $element[0].disabled = true; 
    $element[0].setAttribute('disabled', true); 

Answer 6

工作代码：

HTML WORLD

<select name="select_from" disabled>...</select> 

---

JS世界

var from = jQuery('select[name=select_from]'); 

//add disabled 
from.attr('disabled', 'disabled'); 



//remove it 
from.removeAttr("disabled");