Javascript 是否将元素的可见性绑定到另一个元素？

我希望只有当另一个元素的值不为空时，该元素才可见

现在，我正在使用：

function setReceiveSmsNotificationsCheckboxArea() {
  var checkbox = $('#ReceiveSmsNotifications');
  var value = !!$('#Cellphone').val().trim(); //bool depending on txt val
  checkbox.prop('checked', value);
  checkbox.closest('.form-group').toggle(value);
}

$('#Cellphone').change(function () {
  setReceiveSmsNotificationsCheckboxArea();
});

$(document).ready(setReceiveSmsNotificationsCheckboxArea);

---

有没有一种方法可以将后两个函数合并为一个（这样更改甚至可以在启动时运行？

您可以在页面加载时触发更改事件以触发处理程序

function setReceiveSmsNotificationsCheckboxArea() {
  var checkbox = $('#ReceiveSmsNotifications');
  var value = !!$('#Cellphone').val().trim(); //bool depending on txt val
  checkbox.prop('checked', value);
  checkbox.closest('.form-group').toggle(value);
}

$('#Cellphone').change(setReceiveSmsNotificationsCheckboxArea).change();

---

您可以在页面加载时触发change事件以触发处理程序

function setReceiveSmsNotificationsCheckboxArea() {
  var checkbox = $('#ReceiveSmsNotifications');
  var value = !!$('#Cellphone').val().trim(); //bool depending on txt val
  checkbox.prop('checked', value);
  checkbox.closest('.form-group').toggle(value);
}

$('#Cellphone').change(setReceiveSmsNotificationsCheckboxArea).change();

---

您可以在页面加载时触发change事件以触发处理程序

function setReceiveSmsNotificationsCheckboxArea() {
  var checkbox = $('#ReceiveSmsNotifications');
  var value = !!$('#Cellphone').val().trim(); //bool depending on txt val
  checkbox.prop('checked', value);
  checkbox.closest('.form-group').toggle(value);
}

$('#Cellphone').change(setReceiveSmsNotificationsCheckboxArea).change();

---

您可以在页面加载时触发change事件以触发处理程序

function setReceiveSmsNotificationsCheckboxArea() {
  var checkbox = $('#ReceiveSmsNotifications');
  var value = !!$('#Cellphone').val().trim(); //bool depending on txt val
  checkbox.prop('checked', value);
  checkbox.closest('.form-group').toggle(value);
}

$('#Cellphone').change(setReceiveSmsNotificationsCheckboxArea).change();

---

最后的

更改是做什么的？我的意思是，
更改
函数返回什么？它像fluentapi吗？我还可以使用
checkbox.prop（'checked'，value.）。最近（'form group'）。切换（value）？
复选框.prop（'checked'，value.）。最近（'form group'）。切换（value）将work@Arun变更事件不需要包装在doc ready中吗？只是想知道它是否像现在这样好。@Jai取决于脚本保存在哪里。。。根据OP报告，当前脚本正在工作，因此我们可以假设它在element@Shimmy最后一个
.change（）
将触发一个更改事件，该事件将调用所有已注册的更改处理程序。。是的，它将支持fluent api…最终的
更改是做什么的？我的意思是，
更改
函数返回什么？它像fluentapi吗？我还可以使用
checkbox.prop（'checked'，value.）。最近（'form group'）。切换（value）？
复选框.prop（'checked'，value.）。最近（'form group'）。切换（value）将work@Arun变更事件不需要包装在doc ready中吗？只是想知道它是否像现在这样好。@Jai取决于脚本保存在哪里。。。根据OP报告，当前脚本正在工作，因此我们可以假设它在element@Shimmy最后一个
.change（）
将触发一个更改事件，该事件将调用所有已注册的更改处理程序。。是的，它将支持fluent api…最终的
更改是做什么的？我的意思是，
更改
函数返回什么？它像fluentapi吗？我还可以使用
checkbox.prop（'checked'，value.）。最近（'form group'）。切换（value）？
复选框.prop（'checked'，value.）。最近（'form group'）。切换（value）将work@Arun变更事件不需要包装在doc ready中吗？只是想知道它是否像现在这样好。@Jai取决于脚本保存在哪里。。。根据OP报告，当前脚本正在工作，因此我们可以假设它在element@Shimmy最后一个
.change（）
将触发一个更改事件，该事件将调用所有已注册的更改处理程序。。是的，它将支持fluent api…最终的
更改是做什么的？我的意思是，
更改
函数返回什么？它像fluentapi吗？我还可以使用
checkbox.prop（'checked'，value.）。最近（'form group'）。切换（value）？
复选框.prop（'checked'，value.）。最近（'form group'）。切换（value）将work@Arun变更事件不需要包装在doc ready中吗？只是想知道它是否像现在这样好。@Jai取决于脚本保存在哪里。。。根据OP报告，当前脚本正在工作，因此我们可以假设它在element@Shimmy最后一个
.change（）
将触发一个更改事件，该事件将调用所有已注册的更改处理程序。。是的，它将支持fluent api。。。