Javascript 下拉圆形单选按钮，引导。。。活动按钮

我在把小圆圈输入单选按钮放在下拉菜单上并使其工作时遇到了一些困难。我是新手，一旦我不能用干净的方式做事，我就开始尝试一些不干净的东西

我想要的是这样的，但是，现在，选中按钮不会改变

我试图改变它，一旦它，只有输入，没有按钮被检查

我在尝试更改活动元素时已经遇到了一些问题，我必须明确说明这一点，但我认为这不应该像我现在这样做。但是，就目前而言，尽管有一种肮脏的方式，对活动样式的更改仍然有效，但我无法对下拉菜单上的单选按钮的检查圈执行此操作

<div id="MapOrig">
    <div class="btn-group">
        <button type="button" class="btn btn-primary btn-md dropdown-toggle" style="box-shadow: 2px 2px 1.5px #888888;" data-toggle="dropdown"><span class="glyphicon glyphicon-globe"></span></button>
        <ul class="dropdown-menu dropdown-menu-right dropdown-menu-form" role="menu">
            <li class="alone active">
                <a onclick="javascript:selectMapLayer(1)" href="#">
                    <input name="NNC" type="radio" checked=""><span> OpenStreetMap</a></li>
        <li class="alone"><a onclick="javascript:selectMapLayer(2)" href="#"><input name="NNC" type="radio"><span> Stamen Maps</span></a>
            </li>
            <li class="alone">
                <a onclick="javascript:selectMapLayer(3)" href="#">
                    <input name="NNC" type="radio"><span> Open Map Surfer</a></li>
        <li class="alone"><a onclick="javascript:selectMapLayer(4)" href="#"><input name="NNC" type="radio"><span> Bing Aerial</a></li>
        <li class="alone"><a onclick="javascript:selectMapLayer(5)" href="#"><input name="NNC" type="radio"><span> Bing Road</a></li>
        <li class="divider"></li>
        <li class="notalone active"><a onclick="javascript:selectMapLayer(6)" href="#"><input name="NC" type="radio" checked=""><span> No Nautical Charts</a></li>
        <li class="notalone"><a onclick="javascript:selectMapLayer(0)" href="#"><input name="NC" type="radio"><span> Nautical Charts</a></li>
    </ul>
    </div>
</div>

---

嗯，目前我无法解决这种情况

您没有正确设置checked属性；使用prop'checked'，如下所示：

$('.notalone').find("input").prop('checked', false);
$this.find("input").prop('checked', true);

$('.notalone').find("input").prop('checked', false);
$this.find("input").prop('checked', true);