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 重新实现一边:最好加上 按钮点击一次后就禁止在点击
展开
 我来答
zhfto
推荐于2017-12-16 · TA获得超过563个赞
知道小有建树答主
回答量:107
采纳率:0%
帮助的人:213万
展开全部

你这边说的不是很清楚,你的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已经点击过了,事件的其他处理代码不执行就可以了。

本回答被提问者采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 1条折叠回答
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式