“引导程序导航”选项卡中的“单选按钮”面板切换不显示正确的内容选择

时间:2016-01-29 20:14:24

标签: twitter-bootstrap toggle radio user-experience panels

有趣的问题只会让我发疯。我试图让标有“Banks”的单选按钮默认显示隐藏的面板。 这是图像: radio_button_default

这是jsfiddle:http://jsfiddle.net/UXEngineer/3xL9yy2d/6/

<div>

我已尝试从{{1}}中移除CSS class =“none”,以使该面板在页面加载时可用,但这只会导致其他单选按钮出现更多问题。

我正在寻找的体验是默认值1选项卡,显示“银行”单选按钮所选面板的内容,并可选择在银行和学校之间切换。

如果有人能提供帮助,我将不胜感激。谢谢。

1 个答案:

答案 0 :(得分:0)

将表单名称更改为表单ID并使用以下js
var $radioold = $('input[name=thing]:checked'); $('#NetVersion input').on('change', function() { var $radio = $('input[name=thing]:checked'); var id = $radio.attr('id'); var idold = $radioold.attr('id'); $radioold = $radio; $('#' + id + 'View').show(); $('#' + idold + 'View').hide(); });
这是fiddle