HTML代码如下:
<div class="gas">
<i class="iconfont icon-qititance"></i>
<p class="makeupGas">补充气体储存量</p>
<i class="iconfont"></i>
</div>
<div class="gas">
<i class="iconfont icon-guandaoshutong"></i>
<p class="pipelineMaintenance">水管已经维修</p>
<i class="iconfont"></i>
</div>
js代码如下:
$('.gas i:last-child').on("click",function(){
$(this).toggleClass('color');//判断是否有color,如果没有就加上,有就删除
for(var i = 0; i < $('.gas i:last-child').length; i ++){
if(!$('.gas i:last-child').eq(i).hasClass('color')){
state = 1;
$('.finish').addClass('disabled');
break;
}
}
if(i == $('.gas i:last-child').length){
state = 0;
$('.finish').removeClass('disabled');
}
})
在CSS代码里要有一个color{color:green;}