羊驼毛形式-转换复选框以切换开关

时间:2018-10-30 14:35:35

标签: jquery alpacajs

我想构建一个以复选框开头的表单,该复选框会扩展表单的其余部分。我已经通过定义依赖项来完成Alpaca Forms的操作,您可以看到here

我使用了here中的代码来添加样式,以将复选框变成切换开关。我已将生成的html复制到新的bin中,并应用了类here。要求是在输入周围的标签元素上添加“ switch”类,并在输入元素下方的标签内添加“ slider round”类的跨度。

但是我不确定如何自动执行此操作。羊驼毛有一个“ fieldClass”选项,但在我的示例中似乎不起作用,而且我也不希望它能满足我的需求。

那么我需要使用jquery查找那些内部元素并进行修改/插入吗?我已经玩了一点,但是似乎无法构造我的find语句。

我可以选择div形式:

$( document ).ready(function() {
  $("#form1").addClass("switch")
}) 

但是我不确定如何将其余的步骤降到标签元素上。

0 个答案:

没有答案