时间戳

首页 > 解决方案 > jQuery 根据 RADIO BUTTON 更改 FIELDSET

javascript - jQuery 根据 RADIO BUTTON 更改 FIELDSET

问题描述

我正在尝试实现以下代码。 codepen.io 但我想要的不同是，每当用户点击红色时，它都会跳过下一步并跳转到另一个步骤。例如，如果在第 1 步单击红色，那么它将跳过第 2 步并继续执行第 3 步。在 javascript 代码中，如果红色的值大于 1，则我添加了条件

next_fs.hide();
next_fs.show();

据我所知，它应该可以工作。在这一点上，我不知道我应该做什么。

标签： javascriptjqueryhtmlcssforms

解决方案

我会在输入中添加一个数据属性，例如data-skip="2". 基本上说“如果选择了这个，跳过2”。然后，$(this).parent().next()您无需检查当前步骤中的选定值，而是使用 选择下一个视图$(this).parent().nextAll().slice(0, skipSteps).last()。

因此，例如，您将拥有以下内容：

current_fs = $(this).parent();
next_step = current_fs.find('input:checked').attr('data-skip') || 1;
next_fs = $(this).parent().nextAll().slice(0, parseInt(next_step, 10)).last();

检查我的叉子：https ://codepen.io/tbleckert/pen/aRLLwE?editors=1010

推荐阅读