在div中单击，如果find复选框，状态将为true或false

Question

单击一个div,如果find复选框,状态将被更改.如果状态为true，则禁用某些字段，如果为false则激活那些字段。

$(".divId").click(function () {

    if ($(this).find('input:checkbox[name=checkboxName]').is(":checked")) {
            **checkbox will be checked and disable some input field.**
          $('#inputfield').prop("disabled", true)
       
    } else {
           **enable this field.**
          $('#inputfield').prop("disabled", false)
    }

});

如何使用jQuery来实现这一点。如果我在div区域中选中了它，它应该被选中并取消选中复选框，如果被选中，则禁用一个输入字段，如果未选中，则该字段将不会被禁用。请帮助我使用jQuery。

Answer 1

您正在使用一个类选择器，您可以尝试如下操作（简化代码）并使用一个ID：

$(document).ready(function() {
  $("#divId").click(function () {
    $('#inputfield').prop("disabled", $(this).find('input:checkbox[name=checkboxName]').is(":checked"));
  }); 
});