Question

我需要你的帮助！这是我的表格代码的一个例子：

<table id='tableName'>
 <tbody id='tbody1'>
  <tr>
   <td>
    <input.../>
    <input.../>
   </td>
  </tr>
 </tbody>

 <tbody id='tbody2'>
  <tr>
   <td>
    <input.../>
    <input.../>
   </td>
  </tr>
 </tbody>
</table>

如何禁用tbody2中的所有输入？

Answer 1

for jquery 1.6 +：

 $("#tbody2 input").prop('disabled', true);

<强> Working Demo

用于jquery 1.5及以下版本：

 $("input").attr('disabled','disabled');

Answer 2

如果您想使用纯HTML和没有JavaScript库来执行此操作，请添加＆＃39;禁用＆＃39;输入属性，如下所示：

<table id='tableName'>
 <tbody id='tbody1'>
  <tr>
   <td>
    <input.../>
    <input.../>
   </td>
  </tr>
 </tbody>

 <tbody id='tbody2'>
  <tr>
   <td>
    <input... disabled />
    <input... disabled />
   </td>
  </tr>
 </tbody>
</table>

如果您愿意，也可以将其设置为只读： http://www.w3.org/TR/html401/interact/forms.html#h-17.12.1

Answer 3

适用于JavaScript

var body2Inputs = document.getElementById('body2').getElementsByTagName('INPUT');

for(var i = 0 ; i < body2Inputs.length; i++)
    body2Inputs[i].disabled = true;

如果您不需要使用像jQuery这样的库

，您必须在JavaScript中了解一些事情

如何禁用表的子元素中的输入

3 个答案: