jquery 判断多个按钮全部被点击过后执行事件!
(function(){varok=parseInt('111111',2),o,v=1;varyyplayingjiemi=document.getElementByI...
(function(){
var ok = parseInt('111111', 2), o, v = 1;
var yyplayingjiemi = document.getElementById("yy-playing-jiemi");
function checkValue(){
v |= this.i;
if(v === ok){
yyplayingjiemi.className="yy-playing-jiemi-hide";
}
}
for(var i=6;i--;){//绑定事件
o = document.getElementById('yy-menu' + i);
if(o){
o.i = 1<<i;//设置i值
o.onclick = checkValue;
}
}
})();
上边这一段是用javascript 谁用jquery 重新实现一边:最好加上 按钮点击一次后就禁止在点击 展开
var ok = parseInt('111111', 2), o, v = 1;
var yyplayingjiemi = document.getElementById("yy-playing-jiemi");
function checkValue(){
v |= this.i;
if(v === ok){
yyplayingjiemi.className="yy-playing-jiemi-hide";
}
}
for(var i=6;i--;){//绑定事件
o = document.getElementById('yy-menu' + i);
if(o){
o.i = 1<<i;//设置i值
o.onclick = checkValue;
}
}
})();
上边这一段是用javascript 谁用jquery 重新实现一边:最好加上 按钮点击一次后就禁止在点击 展开
1个回答
展开全部
你这边说的不是很清楚,你的html代码是怎样的都不知道。所以只能大概模拟一下,还不知道是不是与你所说的问题相符...下面是代码:
<html>
<head>
<style type="text/css">
.yy-playing-jiemi-hide{
display:none;
}
</style>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script language="javascript">
$(document).ready(function(){
var ok = parseInt('111111', 2), o, v = 1;
$("[id^=yy-menu]").each(function(index,data){
$(this).data("i", 1<<index);
}).click(function(){
v |= $(this).data("i");
if(v === ok){
$("#yy-playing-jiemi").addClass("yy-playing-jiemi-hide");
}
//点击一次后,设置按钮不可点选
$(this).attr("disabled",true)
});
});
</script>
</head>
<body >
<button id="yy-menu0">b0</button>
<button id="yy-menu1">b1</button>
<button id="yy-menu2">b2</button>
<button id="yy-menu3">b3</button>
<button id="yy-menu4">b4</button>
<button id="yy-menu5">b5</button>
<div id="yy-playing-jiemi"
style="background-color:green;width:200px;height:200px;">
</div>
</body>
</html>
追问
非常感谢 就是要这种效果! 还有一点如果按钮是用div 标签 怎么禁止点击事件?
追答
div的话,再点击以后,给他添加一个属性“clicked"好了,当再次点击同一个button的时候,判断这个"clicked"是否已经存在,是的话就表示当前这个div已经点击过了,事件的其他处理代码不执行就可以了。
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询