在javascript中切换表单输入状态

Question

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

但如果有多个输入字段，我想最好使用声明式解决方案。我的意思是一种没有使用长“if ... else ...”语句的编码方法的解决方案。

简单示例：

喜欢长跑的顾客可以参加。如果他启用此功能，则可以看到另一个输入：“您的首选跑步距离是多少？”

我可以编写代码（并且做过很多次）“if ... show ....”，但我不是 JS 专家。

如何在 JS 中声明式做到这一点？

http://en.wikipedia.org/wiki/Declarative_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();
}