Question

我有一组嵌套在另一组javascript按钮中的javascript按钮。以下是我的小提琴。

<div data-toggle="buttons" style="padding: 20px;">
<div class="col-xs-6">
    <div class="btn btn-info" style="padding: 20px;">
        <div class="row">
            <div class="col-sm-12">
                <div class="btn-group btn-group-justified btn-group-lg" data-toggle="buttons">
                    <label class="btn btn-primary">
                        <input type="radio" name="package" value="RP101" data-duration="7" />1</label>
                    <label class="btn btn-primary">
                        <input type="radio" name="package" value="RP102" data-duration="14" />2</label>
                    <label class="btn btn-primary">
                        <input type="radio" name="package" value="RP103" data-duration="21" />3</label>
                    <label class="btn btn-primary">
                        <input type="radio" name="package" value="RP104" data-duration="28" />4</label>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="col-xs-6">
    <div class="btn btn-info" style="padding:20px;">
        <div class="row">
            <div class="col-sm-12">
                <div class="btn-group btn-group-justified btn-group-lg" data-toggle="buttons">
                    <label class="btn btn-primary">
                        <input type="radio" name="package" value="RP201" data-duration="7" />1</label>
                    <label class="btn btn-primary">
                        <input type="radio" name="package" value="RP202" data-duration="14" />2</label>
                    <label class="btn btn-primary">
                        <input type="radio" name="package" value="RP203" data-duration="21" />3</label>
                    <label class="btn btn-primary">
                        <input type="radio" name="package" value="RP204" data-duration="28" />4</label>
                </div>
            </div>
        </div>
    </div>
</div>
</div>

http://jsfiddle.net/q4xLs9f8/

我的问题是，当我点击顶级按钮时，它会将嵌套的单选按钮注销，就像它已被选中一样。我没有标记为已选中或已选中的内容。

这样的嵌套按钮会导致问题吗？

Answer 1

嵌套当然不是故意的。会发生的是，javascript正在选择组中的最后一个无线电输入并选择它。

嵌套的bootstrap js按钮

1 个答案: