Javascript 更改按钮单击的边框颜色

如果我单击一次按钮，我想更改按钮的边框，如果我再次单击按钮，我想更改回边框。（只有当我点击它）因为我在同一个类中有16个按钮。所以我想让它有可能在同一时间或全部点击其中的5个按钮，等等

HTML

M16.1
M16.2
M17
MR17
MSS16c
MSS17
MSS17c
T15.0
T15.0c
T15.5
T15.5c
T15.8
T15.8c
T16.2
T16.2c
T16.5

以及

选择池的css

：

.select-pool{
  border-color: red/*chabge it according your color*/
}

---

&我怀疑这些是有效的

标识符

切换类

，以实现这一点，并且该类包含

边框：1px纯色将#颜色替换为所需颜色代码的位置。看看jQueryAPIdocs@Rayon如果OP使用HTML5，那么它们是有效的。HTML5中对
id
的唯一限制是它的长度必须至少为1个字符，并且不包含空格。
<button class="pool" id="M16.1">M16.1</button>
<button class="pool" id="M16.2">M16.2</button>
<button class="pool" id="M17">M17</button>
<button class="pool" id="MR17">MR17</button>
<button class="pool" id="MSS16c">MSS16c</button>
<button class="pool" id="MSS17">MSS17</button>
<button class="pool" id="MSS17c">MSS17c</button>
<button class="pool" id="T15.0">T15.0</button>
<button class="pool" id="T15.0c">T15.0c</button>
<button class="pool" id="T15.5">T15.5</button>
<button class="pool" id="T15.5c">T15.5c</button>
<button class="pool" id="T15.8">T15.8</button>
<button class="pool" id="T15.8c">T15.8c</button>
<button class="pool" id="T16.2">T16.2</button>
<button class="pool" id="T16.2c">T16.2c</button>
<button class="pool" id="T16.5">T16.5</button>

$(function(){
 $(this).click(function(){
   $($this).toogleClass('select-pool');
 });
});

.select-pool{
  border-color: red/*chabge it according your color*/
}