javascript - 使用javascript单击按钮后如何禁用特定表格行中的复选框？

Question

我已经有一个代码可以在单击按钮后禁用启用元素。但是，使用 addClass("disabled") 禁用复选框不起作用。我该怎么做？请看下面我的代码。非常感谢。

td:nth-child(3) 和 td:nth-child(4) 工作正常但 td:nth-child(1) 复选框禁用不起作用。

 $(document).on('click', '.generate', function(e){

        e.preventDefault();

          var $row = $(this).closest("tr"),

              $tds1 = $row.find("td:nth-child(1) input[type=checkbox].loan-id-checkbox").addClass("disabled");

              $tds3 = $row.find("td:nth-child(3) a.generate").addClass("disabled");
              $tds4 = $row.find("td:nth-child(4) a.btn-showAmort").removeClass("disabled");

      });

Answer 1

要禁用复选框，请使用属性 disabled。 css 类不会产生任何影响。

$tds1 = $row.find("td:nth-child(1) input[type=checkbox].loan-id-checkbox").attr("disabled", true);