ラジオボタンを選択するとボタンが表示されます

Question

jan/feb/marのようなラジオボタンリストからオプションを選択すると、このようなコードスニペットが表示されます。どうやってするの？

コード

<div class="btn-group pull-left" style="margin-left:72px;"> 
    <button class="btn btn-success" align="center">Action</button> 
    <button class="btn btn-success dropdown-toggle" data-toggle="dropdown"> 
          <span class="caret"></span> 
         </button> 
    <ul class="dropdown-menu dropdown-menu-right"> 
     <label><input type="radio" name="optradio" value = "jan" onclick="check(this.value)">jan</label> 
     </br> 
     <label><input type="radio" name="optradio" value = "feb" onclick="check(this.value)">feb</label> 
     </br> 
     <label><input type="radio" name="optradio" value = "mar" onclick="check(this.value)">mar</label> 
     </br> 
    </ul> 
</div> 

<script type="text/javascript"> 
function check(val) 
{ 
    $(".dropdown-menu li a").parents('.btn-group').find('.dropdown-toggle').html(val+' <span class="caret"></span>') 
}    
</script> 

Answer 1

ジャバスクリプト

function check(val) 
{ 
    document.querySelector('.btn.btn-success.dropdown-toggle').innerHTML=val+' <span class="caret"></span>' 
} 

How to select classes with spaces

http://www.w3schools.com/jquery/jquery_ref_selectors.asp