JavaScript onclick 代码更改

Question

得到了样式表更改器的此代码

我想更改它，以便它在我的引导下拉按钮中工作。当前代码如下

<form id="switchform">
<input type="radio" name="choice" value="none" onClick="chooseStyle(this.value, 60)">Default style<br />
<input type="radio" name="choice" value="blue-theme" onClick="chooseStyle(this.value, 60)">Blue Theme<br />
<input type="radio" name="choice" value="brown-theme" onClick="chooseStyle(this.value, 60)">Brown Theme
</form>

我想将其添加到我的引导下拉按钮中。当前代码如下

<!-- Split button -->
<div class="btn-group">
  <button type="button" class="btn btn-danger">Action</button>
  <button type="button" class="btn btn-danger dropdown-toggle" data-toggle="dropdown">
    <span class="caret"></span>
    <span class="sr-only">Toggle Dropdown</span>
  </button>
  <ul class="dropdown-menu" role="menu">
    <li><a href="#">Action</a></li>
    <li><a href="#">Another action</a></li>
    <li><a href="#">Something else here</a></li>
    <li class="divider"></li>
    <li><a href="#">Separated link</a></li>
  </ul>
</div>

Answer 1

尝试以下代码：

<!-- demo code -->
<div class="btn-group">
  <button type="button" class="btn btn-danger">Theme Selection</button>
  <button type="button" class="btn btn-danger dropdown-toggle" data-toggle="dropdown">
    <span class="caret"></span>
    <span class="sr-only">Toggle Dropdown</span>
  </button>
  <ul class="dropdown-menu" role="menu">
    <li><a href="#" onclick="chooseStyle('none', 60);return false">None</a></li>
    <li><a href="#" onclick="chooseStyle('blue-theme', 60); return false">Blue Theme</a></li>
    <li><a href="#" onclick="chooseStyle('brown-theme', 60); return false">Brown Theme</a></li>
  </ul>
</div>