javascript - 在 javascript 中切换表单输入状态

Question

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

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

简单的例子:

喜欢长跑的顾客可以进入。如果他启用此功能，则会显示另一个输入:“您的首选运行距离是多少？”

我可以编写(并且已经编写过很多次)“如果...显示...”，但我不是 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();
}