Question

我需要帮助创建使用javascript检查所有按钮，我可以创建检查按钮，但只是一个接一个这是我的代码逐一检查，

＆＃13;

<script language="Javascript">
$(".action-check").click(function(event) {
        $(this).toggleClass('active');

        console.log('checklist count : ' +$(".action-check.active").length);
        if($(".action-check.active").length > 0){
          $("#unfavorite").removeClass('btn-disabled disabled').addClass('btn-danger');
        }else{
          $("#unfavorite").addClass('btn-disabled disabled').removeClass('btn-danger');
        }
      });
</script>

<ul class="user-action">
 <li>
<a class="action-check" href="javascript:void(0);" data-id="1" data-code="01">
<i class="fa fa-check-square"></i>
</a>
</li>
<li>
<a class="action-check" href="javascript:void(0);" data-id="2" data-code="02">
<i class="fa fa-check-square"></i>
</a>
</li>
</ul>

＆＃13;

Answer 1

如果你的问题只是按钮的样式，你所要做的就是重置：hover和：focus状态（因为它们在样式表中被设置为样式）。 http://jsfiddle.net/y8tygddw/5/

.action-check:hover,
.action-check:focus { color: #428bca; }

.action-check.active {
    color: #2a6496;
}

Javascript检查所有toggleclass

1 个答案: