Question

我试图在两个条件下禁用复选框，如果表格或最后一行只有一行但是没有得到它为什么不禁用。

HTML：

<table id="table_forms">
    <tr>
        <td><input type="checkbox" class="chkView"/>View</td>

    </tr>
   <tr>
        <td><input type="checkbox" class="chkView"/>View</td>

    </tr>
</table>

JS：

$('#table_forms tr:last input[type="checkbox"]').disabled;

Answer 1

您可以使用 prop() 设置已停用的属性，或使用[0]获取dom元素并设置disabled属性

＆＃13;

$('#table_forms tr:last input[type="checkbox"]').prop('disabled', true);

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<table id="table_forms">
  <tr>
    <td>
      <input type="checkbox" class="chkView" />View</td>
  </tr>
  <tr>
    <td>
      <input type="checkbox" class="chkView" />View</td>
  </tr>
</table>

＆＃13;

或

＆＃13;

$('#table_forms tr:last input[type="checkbox"]')[0].disabled = true;

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<table id="table_forms">
  <tr>
    <td>
      <input type="checkbox" class="chkView" />View</td>
  </tr>
  <tr>
    <td>
      <input type="checkbox" class="chkView" />View</td>
  </tr>
</table>

＆＃13;

Answer 2

试试这个：

$('#table_forms tr:last input[type="checkbox"]').attr('disabled','disabled');

禁用html表的最后一行复选框

2 个答案: