javascript - 禁用 h :inputText with jQuery

Question

我正在尝试通过 jQuery 使 h:inputText 禁用状态动态化(由于性能原因，不使用 reRender)。

我有一个javascript函数，它负责更新一堆h:inputText的值和其他状态。更新它们的值没有问题，但是当涉及到更新禁用状态时，会发生奇怪的事情。我实际上无法禁用字段，即使尝试以下所有选项:

jQuery(document.getElementById('form:fieldID')).attr('disabled', 'disabled');  

jQuery(document.getElementById('form:fieldID')).attr('disabled', true);

jQuery(document.getElementById('form:fieldID')).prop('disabled', true);  

在字段上调用上述任何选项，将导致最终的 html 等于 <input disabled=""> ，这也将启用之前禁用的字段。

我已经使用 JSF 1.2 和许多版本的 jQuery 对此进行了测试。

Answer 1

您可以使用这个:http://api.jquery.com/attribute-ends-with-selector/

$("[name$=':fieldID']").attr("disabled", true); //for normal input field
$("[name$=':fieldID']").attr("disabled", true); //for checkbox and radiobutton (disable all options)
$("[name$=':fieldID'][id$=':1']").attr("disabled", true); //for checkbox and radiobutton second option