Question

所以我这里有两个单选按钮，我正在尝试将它们连接起来。由于它们处于两个不同的form s中，它们似乎不像我预期的那样工作。 form是required in Bootstrap，以显示我想要的正确风格。这是我的代码片段：

<ul class="list-group">
    <li class="list-group-item list-heading">Notification Display Options</li>
    <li class="list-group-item">
        <form class="form-inline" role="form">
            <div class="radio">
                <label>
                    <input type="radio" id="noti_display_time" name="noti_display"> <span trans="shownotificationfor">Shows for</span>
                    <div class="form-group">
                        <input id="show_noti_time" type="number" class="form-control" max="60" min="1" data-requires="noti_display_time">
                    </div>  <span trans="seconds">seconds</span>
                </label>
            </div>
        </form>
    </li>
    <li class="list-group-item">
        <form class="form-inline" role="form">
            <div class="radio">
                <label>
                    <input type="radio" name="noti_display">Close manually
                </label>
            </div>
        </form>
    </li>
</ul>

http://jsfiddle.net/DerekL/4YfB9/show（不要在jsFiddle预览窗口中查看它，因为样式随窗口大小的变化而变化）

有没有解决这个问题而不搞乱风格？感谢。

如果没有解决方法，JavaScript将是我的最后手段。

Answer 1

只需在<ul>周围打开一个表单。使用2种形式来管理风格并没有多大意义。

<form> 
   <ul/>
</form>

的 DEMO

链接两个不同形式的单选按钮

1 个答案: