當您選擇一個單選按鈕時，在選擇div內部時放置文本。

-1

我裏面有手風琴單選按鈕，如下所示：當您選擇一個單選按鈕時，在選擇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標籤旁邊的「面板標題」，並右對齊。當你檢查「否」單選按鈕時，我想不到那裏。我怎樣才能做到這一點？

來源

2016-08-02 Innocent Monareng

您可以將您的代碼變得像一個的jsfiddle所以我們可以看到它的工作 – Andrew

什麼你到底需要的是迄今尚不清楚。您是否在尋找如何將更改類型的事件偵聽器添加到您的複選框？當檢查放在一個div內的「否」？ – Mitchapp

雖然問題不太清楚。但是，這是讓您查看選中的單選按鈕的值的代碼。

$(document).ready(function() { 
//To show yes by default 
    $("#text").html($('input[type="radio"]:checked').val()); 
    $('input[type="radio"]').on('click change', function(e) { 
    $("#text").html(($(this).val())); 
}); 
});

$('#text')是顯示選中的單選按鈕值的div的ID。

檢查工作example

來源

2016-08-02 13:18:09

謝謝。在默認情況下，是單選按鈕被選中，所以如何在默認情況下顯示yes？ –

檢查更新的答案。 –

非常感謝。這是我正在尋找的。對不起，我不清楚。 –

在你的HTML，你可以eidt它包括一個跨度H4列：這將使其右對齊

<h4 class="panel-title"><a data-toggle="collapse" data-parent="#accordion2"   href="#collapseOne1">Collapsible Group 1</a><span id="reply" class="pull-right"></span></h4>.

而下面的jQuery應該得到從一開始的價值並在更改時更新它。

document.getElementById("reply").innerHTML = $("input[name=designLayout]:radio:checked").val(); 
$("input[name=designLayout]:radio").change(function() {   
    document.getElementById("reply").innerHTML = $(this).val();  
});

來源

2016-08-02 13:36:05 Tibebe

當您選擇一個單選按鈕時，在選擇div內部時放置文本。

回答

相關問題