<body>
<button class="bt1">按钮1</button>
<button class="bt2">按钮2</button>
<button class="bt3">按钮3</button>
</body>
这里是三个按钮,点击按钮1会做一些事,再次点击又会做另外一些事(比如打开关闭)
由于在同一个按钮上绑定时间,这个时候就需要有个标志,用于判断当前状态(是开还是关?)
代码可以这么写:
<pre style="background-color:#2b2b2b;color:#a9b7c6;font-family:'Consolas';font-size:16pt;">
$(document).ready(function(){ var state1 = 1, state2 = 1, state3 = 1; $(".bt1").click(function(){ if(state1 == 1){ //doSomething state1 = 0; }else{ //doSomething state1 = 1; } }); $(".bt2").click(function(){ if(state2 == 1){ //doSomething state2 = 0; }e