javascript - 像 javascript 中的代码一样的小型 FSM

标签 javascript jquery html css design-patterns

在一个 html 页面中,我有 2 个相互“补充”的复选框。
简而言之,只有以下状态有效(将对此进行解释):

Checkbox1     Checkbox2     
    TRUE        FALSE    
    TRUE        TRUE   

另请注意,当单击 checkbox2 将其设置为 true 时,我以编程方式单击要选中的 checkbox1。
当然两者都可以为 FALSE 但这是我忽略的状态。
到目前为止,我的意思是我使用这些复选框对表格或行进行运行总和。根据这些状态,我添加或减去金额。 我所做的工作有效,但它似乎容易出错且难以扩展。基本上我保留了一些全局变量,我根据复选框的状态设置/重置这些变量,在一种情况下表示前一个状态和后一个状态。
有没有一种很好的方法来围绕我拥有的这个功能实现类似 FSM 的代码?

最佳答案

为了做这样的事情,我使用了一个名为 iFSM 的库来处理你描述的 GUI 问题......

你可以在这里看到我如何用这个库实现你的案例:http://www.intersel.fr/assets/gitdemos/iFSM/Example_Checkbox.html

该库在 github 上可用:https://github.com/intersel/iFSM

关于javascript - 像 javascript 中的代码一样的小型 FSM,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23154231/

相关文章:

jquery - 如何创建一个在滚动时跟随并添加 Logo 的导航栏?

javascript - 使用 Dom 对象将单词包装在所有相同的选择器中

html - 仅使用 HTML 和 CSS 将文本元素替换为淡入淡出动画

javascript - 我想知道为什么2个变量不能进入js

javascript - 从正文中包含图像的 HTML 页面发送邮件

javascript - 使用 ASP.NET MVC 框架时最好的所见即所得编辑器是什么?

javascript - 根据数组排序

javascript - 在 Rails 的一个 View 页面中使用多个表单时出现冲突吗?

javascript - CSS 和 if 条件在 javascript 中

html - 如何将 div 与 flex 对齐