我里面有手风琴单选按钮,如下所示:当您选择一个单选按钮时,在选择div内部时放置文本。
<div class="panel-group" id="accordion2" role="tablist" aria-multiselectable="true">
<div class="panel panel-default">
<div class="panel-heading" role="tab">
<h4 class="panel-title"><a data-toggle="collapse" data-parent="#accordion2" href="#collapseOne1">Collapsible Group 1</a></h4>
</div>
<div id="collapseOne1" class="panel-collapse collapse in">
<div class="panel-body">
<div class="col-sm-6">
<i class="fa fa-laptop fa-4x turquoise" aria-hidden="true"></i><br>
<label class="automaticaBRK">
<input name="designLayout" type="radio" id="designLayout_0" form="businessCards" value="yes" checked><br>
Yes
</label>
</div>
<div class="col-sm-6">
<i class="fa fa-laptop fa-4x orange" aria-hidden="true"></i><br>
<label class="automaticaBRK">
<input name="designLayout" type="radio" id="designLayout_1" form="businessCards" value="no"><br>No
</label>
</div>
</div>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title"><a data-toggle="collapse" data-parent="#accordion2" href="#collapseTwo1">Collapsible Group 2</a></h4>
</div>
<div id="collapseTwo1" class="panel-collapse collapse">
<div class="panel-body">Content for Accordion Panel 2</div>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title"><a data-toggle="collapse" data-parent="#accordion2" href="#collapseThree1">Collapsible Group 3</a></h4>
</div>
<div id="collapseThree1" class="panel-collapse collapse">
<div class="panel-body">Content for Accordion Panel 3</div>
</div>
</div>
</div>
手风琴标题是左对齐。标有“是”的单选按钮在购买默认中被选中。我希望单词Yes将div的类别设置为h4标签旁边的“面板标题”,并右对齐。当你检查“否”单选按钮时,我想不到那里。我怎样才能做到这一点?
您可以将您的代码变得像一个的jsfiddle所以我们可以看到它的工作 – Andrew
什么你到底需要的是迄今尚不清楚。您是否在寻找如何将更改类型的事件侦听器添加到您的复选框?当检查放在一个div内的“否”? – Mitchapp