在javascript中切换表单输入状态

时间:2014-04-25 10:35:15

标签: javascript jquery forms declarative

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

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

简单示例:

如果他喜欢长途跑步,客户可以进入。如果他启用此功能,则会看到另一个输入:“您首选的跑步距离是多少?”

我可以编码(并且做了很多次)“if ... show ....”,但我不是JS专家。

如何在JS中执行声明

http://en.wikipedia.org/wiki/Declarative_programming

在计算机科学中,声明性编程是一种编程范式,是构建计算机程序结构和元素的一种风格,它表达了计算的逻辑而没有描述其控制流程。

1 个答案:

答案 0 :(得分: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();
}