Question

A试图根据是否选中复选框来禁用文本输入。编写所需的jQuery并在控制台中尝试后，结果是完美的。但是，将其添加到网站页脚时，页面加载就像没有执行jQuery。

jQuery(document).ready(function() {

  jQuery('form input[name="custom_checkbox"]').attr('checked', false)
  jQuery('form input[name="company"]').prop("disabled", true);

  jQuery('form input[name="custom_checkbox"]').click(function() {

    if (jQuery(this).prop("checked") == true) {

      jQuery('form input[name="company"]').prop("disabled", false);

    } else if (jQuery(this).prop("checked") == false) {

      jQuery('form input[name="company"]').prop("disabled", true);

    }

  });

});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form>

  <input type="checkbox" name="custom_checkbox">
  <input type="text" name="company">
</form>

理想情况下，我想取消选中此复选框，并在页面加载时禁用文本字段。然后，如果用户选中该框，则将启用文本字段。

当前页面加载时：

未选中该复选框+启用了文本字段
如果我选中此框，则该字段保持启用状态
如果我然后取消选中该框，则该字段将启用

因此，在单击预期的功能后，但在加载时，默认设置是错误的。

有人知道我在这里做错什么吗？

jQuery在控制台上工作正常，但在站点上不起作用

0 个答案: