选择单选按钮时更新按钮显示

Question

我有一个像这样的代码 sn-p，从单选按钮列表中选择一个选项，如 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

javascript

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