Question

我有一个带有jquery的html页面，其中包含一个包含按钮的表，如下所示。我需要禁用类Crem的所有按钮。

我尝试了以下但不能正常工作。

$(document).ready(function() {
     $( ".Crem" ).prop( "disabled", true);
}

<table id="settlementsd" class="table table-striped">
<thead>
</thead>
<tbody>
<tr>
  <th>&nbsp;</th>
  <th>&nbsp;</th>
  <th>&nbsp;</th>
  <th>&nbsp;</th>
  <th>&nbsp;</th>
  <th><button type="submit" id="stlmtdadd" class="Crem btn btn-sm btn-info" ><span class="glyphicon glyphicon-plus-sign"></span> </button></th>
</tr>
<tr>
  <th>&nbsp;</th>
  <th>&nbsp;</th>
  <th>&nbsp;</th>
  <th>&nbsp;</th>
  <th>&nbsp;</th>
  <th><button type="submit" id="stlmtdadd" class="Crem btn btn-sm btn-info" ><span class="glyphicon glyphicon-plus-sign"></span> </button></th>
</tr>
<tr>
  <th>&nbsp;</th>
  <th>&nbsp;</th>
  <th>&nbsp;</th>
  <th>&nbsp;</th>
  <th>&nbsp;</th>
  <th><button type="submit" id="stlmtdadd" class="Cadd btn btn-sm btn-info" ><span class="glyphicon glyphicon-plus-sign"></span> </button></th>
</tr>

</tbody>
<tfoot>
</tfoot>
</table>

Answer 1

按钮很容易禁用，因为禁用是一个按钮属性，由浏览器处理：

<button class="btn" disabled>My Button</button>

要使用自定义jQuery函数禁用它们，您只需输入：

p.s在功能结束时缺少括号和分号

  $(document).ready(function() {
     $(".Crem").prop('disabled',true);
  });

这是一个有效的jsfiddle

Answer 2

不要对单身使用相同的ID。一个页面必须包含一个唯一ID。你正在重复id =“stlmtdadd”。 这是您的工作演示： https://jsfiddle.net/aL4xLm6a/`

$(document).ready(function() {
     $( ".Crem" ).each(function(){
           $(this).prop('disabled',true);

     });
});

具有相同类的表中的可扩展按钮

2 个答案: