在javascript中切换表单输入状态

Question

我知道如何使用JavaScript切换(活动/禁用或可见/隐藏) html表单输入字段。

但是，如果有几个输入字段，我想最好使用声明式解决方案。我指的是一种没有使用长"if .否则“的编码方法的解决方案。语句。

简单的例子：

如果顾客喜欢长跑，他可以进入。如果他启用了这个功能，那么另一个输入就会显示出来：“您最喜欢的跑步距离是多少？”

我可以编码(并且做了很多次)“如果.显示.”，但我不是JS专家。

如何在JS中实现声明性？

programming

在计算机科学中，声明性编程是一种编程范式，是一种构建计算机程序结构和元素的方式，它表达计算的逻辑，而不描述计算的控制流。

Answer 1

我使用这个扩展函数(来自this answer)：

(function($) {
    $.fn.toggleDisabled = function(){
        return this.each(function(){
            this.disabled = !this.disabled;
        });
    };
})(jQuery);

你可以这样做：

$(".long-distance-running-checkbox").change(function(){
  $(".long-distance-running-related").toggleDisabled();
}