在jQuery中滑动/引入表单元素

破坏性的

我是jquery的新手,但无法找到实现我想要做的最低限度的工作示例:

  1. 有选择地隐藏表单字段,但在按下“下一步”按钮时显示这些字段。
  2. 具有最低限度的简单实现-可行,但复杂度最低。
  3. 从左/右加载表单组件。
  4. 我不介意如何带来新的表单元素,只要它们在下一次覆盖现有表单元素时就可以了。
  5. 即我有5组字段,因此单击“下一步”将循环遍历所有这些div元素或字段组。

是否有建议或教程?

谢谢。

新西雅图

试试这个:

http://jsfiddle.net/BTsL3/8/

$(document).ready(function(){
    var counter = 1;
    $(".button1").click(function(){
        if(counter != 5)
        {
            $( ".form" + counter ).slideUp();
            counter++;
            $( ".form" + counter ).slideDown();
        }
        else
        {
            $( ".form" + counter ).slideUp();
            counter = counter - 4;
            $( ".form" + counter ).slideDown();
        }
    });
});

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何在jQuery中动态添加表单元素?

来自分类Dev

jQuery获取表单元格中未知元素的值

来自分类Dev

使用jQuery动态生成表单元素

来自分类Dev

用jQuery禁用表单元素

来自分类Dev

添加动态表单元素jQuery

来自分类Dev

使用jQuery动态生成表单元素

来自分类Dev

jQuery添加的表单元素无法选择

来自分类Dev

如何使用jQuery UI在元素中滑动

来自分类Dev

jQuery滑动登录表单

来自分类Dev

在Yesod中水平对齐表单元素

来自分类Dev

表单元素中的正确对齐错误

来自分类Dev

遍历并删除Javascript中的表单元素

来自分类Dev

在Drupal 8中操纵表单元素

来自分类Dev

在MDL中动态添加表单元素

来自分类Dev

无法在Struts2 jQuery中更改选择框时重置表单元素的值

来自分类Dev

由JQuery创建的表单元素未被Laravel中的Controller识别

来自分类Dev

刷新jQuery Mobile中的2个表单元素不起作用?

来自分类Dev

根据jQuery Mobile中复选框的值激活某些表单元素

来自分类Dev

无法在Struts2 jQuery中更改选择框时重置表单元素的值

来自分类Dev

如何使用 jQuery 验证插件在 keyup 上验证非表单元素中的输入

来自分类Dev

如何禁用大型表单中的特定表单元素

来自分类Dev

Bootstrap 3.1中内联表单中表单元素的宽度

来自分类Dev

在jqgrid中对齐表单元素添加/编辑表单

来自分类Dev

开始在表单中输入时,jQuery向下滑动

来自分类Dev

使用 css 从表单元素中搜索元素

来自分类Dev

Dropzone表单元素

来自分类Dev

定位表单元素

来自分类Dev

Dropzone表单元素

来自分类Dev

jQuery显示基于下拉列表的div和表单元素