Question

我正在寻找一种方法，将我的网站布局交换到选项。

我现在使用这个表格：

form(action="/xxx" method="post")

                .row
                    .col-lg-2.col-md-2.col-sm-4.col-xs-8
                        .input-group
                            select.form-control.text-center(name="selectOptionVat")
                                each taxRate in taxRates
                                    option.text-center= taxRate
                            span.input-group-btn
                                button.btn.btn-success(type="submit") #{getText('Submit')}

表单用于更新表中的所有内容。

我想添加另一个表单，一旦用户单击表中的一个单选按钮就可以看到，然后还隐藏了这个表单。所以在他们两个之间交换:-)

我知道我可以通过多种方式做到这一点，但如果有可能，我有各种各样的理由，我真的只想通过Jade / pug来做这件事:-)

此外，如果用户再次取消选择所有单选按钮，原始表单应该再次显示，另一个再次隐藏 - 但我想我可以自己实现，以防任何人得到任何提示如何解决这个问题。

Answer 1

我按照建议使用JavaScript（和jQuery）解决了这个问题。解决方案并不像我希望的那么短，但在这里，它可以帮助其他任何人。

https://jsfiddle.net/ushdo9cu/

$('body').on('mouseup', 'input[type="radio"]', function () {
var radio = $(this);
uncheck_radio_before_click(radio); });

如果选择了单选按钮，则玉/哈巴狗会更改布局

1 个答案: