2014-09-21 2 views
0

У меня есть набор кнопок javascript, вложенных в другой набор кнопок javascript. Ниже моя скрипка.Вложенные кнопки bootstrap js

<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/

Моя проблема заключается в том, что при нажатии на кнопку верхнего уровня, он выходит из кнопки вложенную радио, как если бы он был выбран. У меня нет ничего помеченного как выбранного или проверенного.

Есть ли вложенные кнопки, подобные этим, проблемы?

+1

Ваш код не соответствует скрипке, а у скрипки нет вложенных радиостанций. – ZimSystem

+0

Извинения. необходимо было отредактировать конфиденциальную информацию и забыть вставить обратно в SO. –

+0

Несовместимость, разумеется, не была учтена при разработке Btns Bootstrap. И, например, вы не можете разложить '

ответ

0

Вложение, разумеется, не предназначено. Что происходит, так это то, что javascript выбирает последний радиовход в группе и выбирает его.

Смежные вопросы