如果单选按钮被选中，Jade/pug改变布局

Jade/pug change layout if radio buttons are selected

本文关键字：pug 改变 布局 Jade 单选按钮 如果      更新时间：2023-09-26

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

我现在得到了这个表格，我使用:

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来做:-)

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

我按照建议使用JavaScript(和jQuery)解决了这个问题。解决方案不像我希望的那么短，但在这里，它可能会帮助其他人。

https://jsfiddle.net/ushdo9cu/

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