在Jquery

Question

我需要根据条件禁用特定行的某些字段。在上图中，“红色”字段中存在的字段。盒子里面有一个＆＃39; td＆＃39;以及黄色＆＃39;黄色内部的复选框盒子在另一个'td＆＃39;里面。我没有办法改变这种设计。

现在，如果你看看＆＃39; Blue＆＃39;盘旋的行，已经编写了一个代码来禁用付款人＆＃39; （a.k.a＆＃39; Carrier＆＃39;）＆amp; ＆＃39;生效日期＆＃39;柱。下面是前面编写的代码快照：

$("a.link[href*=PatientInsurance]").each(function() {
  var tdChilds = $(this).closest('tr').children('td');
  tdChilds = tdChilds.find('div.row').first();
  //Check for Claim numbers  & Make readonly if Claims exists
  if (tdChilds.children('.IsClaimPresent-col').text().trim() == "1") {
    var carrierValues = tdChilds.children('.Carrier-col').find("select[name*='_Carrier'] option:selected").text().trim();
    tdChilds.children('.Carrier-col').append('<span class="readonly-value">' + carrierValues + '</span>');
    tdChilds.children('.Carrier-col').find("select[name*='_Carrier']").hide();

    var effectiveDateValues = tdChilds.children('.EffectiveDate-col').find("input[name*='_EffectiveDate']").val().trim();
    tdChilds.children('.EffectiveDate-col').append('<span class="readonly-value">' + effectiveDateValues + '</span>');
    tdChilds.children('.EffectiveDate-col').find("input[name*='_EffectiveDate']").hide();
  }
});

现在，我需要停用黄色＆＃39;黄色＆＃39;中存在的复选框。框。我尝试了为“付款人”编写的代码模式。 （a.k.a＆＃39; Carrier＆＃39;）＆amp; ＆＃39;有效＆＃39;但是＆＃tdChilds.children＆＃39;没有访问输入复选框，因为它位于另一个输入复选框内

以下是＆＃39;＆＃39;为输入复选框生成的第一行：

<td class="remove-command-col">
    <div class="icheckbox_minimal-green" style="position: relative;"><input class="remove-row-checkbox hidden-field" type="checkbox" name="PatientInsuranceChildItem_R1__req" value="DELETE" style="position: absolute; top: -10%; left: -10%; display: block; width: 120%; height: 120%; margin: 0px; padding: 0px; background: rgb(255, 255, 255); border: 0px; opacity: 0;"><ins class="iCheck-helper" style="position: absolute; top: -10%; left: -10%; display: block; width: 120%; height: 120%; margin: 0px; padding: 0px; background: rgb(255, 255, 255); border: 0px; opacity: 0;"></ins></div><span class="custom checkbox"></span>
</td>

我该如何解决？

提前感谢您的帮助！

Answer 1

您可以使用.find(":checkbox")在TD中找到复选框。

var checkbox = $(this).closest("tr").find(":checkbox").
checkbox.prop("disabled", true);