javascript - $tds.attr ('disabled' ,'disabled' );没有达到我想要的效果

Question

这段代码:

$tds = $(this).closest('tr').find(td input,select);
 $tds.attr('disabled','disabled');

使我的表格行不可编辑，也不可点击。但是，我确实改变了表行单元格内隐藏输入的值，并且如果我使用 aboce 代码，它不会改变。所以我决定不使用它。

现在我正在寻找一种使用此方法的解决方法:

document.getElementById("myText").readOnly = true;，这适用于单个输入，但我确实希望输入、选择和按钮只读或不可点击单击行。

Answer 1

使用input在选择器中获取 input , select和button ，假设您有 tr 上的点击事件那么你需要找到输入元素 descendant可以使用 find() 选择 tr功能。为要绑定(bind)点击事件的 tr 分配一个公共(public)类，并使用 Class Selector (“.class”) 。

也可以使用prop而不是attr

As of jQuery 1.6, the .attr() method returns undefined for attributes that have not been set. To retrieve and change DOM properties such as the checked, selected, or disabled state of form elements, use the .prop() method, jQuery doc.

$('.trclass').click(function(){
   $(this).find('input').prop('readonly', true);
});

如果想给td添加点击事件而不是tr

$('.tdclass').click(function(){
   $(this).closest('tr').find('input').prop('readonly', true);
});