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

update button display on selecting radio button

本文关键字：更新 按钮 显示 单选按钮 选择      更新时间：2023-09-26

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

javascript

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

如何选择有空格的类

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

相关文章：