jQuery:仅单击所有复选框时如何启用按钮? [英] jQuery: How to enable button when only all check boxes are clicked?

问题描述

当所有复选框都被选中时，如何启用按钮"?

How to enable the "button" when all check boxes are clicked?

例如:

<form action="">
  <input type="checkbox" class="checkbox" id="button1" />
  <input type="checkbox" class="checkbox" id="button2" />
  <input type="checkbox" class="checkbox" id="button3" />

  <input type="submit" value="Checkout" id="submitbutton" disabled="disabled"/>
</form>

推荐答案

$(function(){
    // on change event
    var bool;
    $("input.checkbox").change(function() {
        bool = $(".checkbox:not(:checked)").length !=0;
    // enable/disable
       $("#submitbutton").prop('disabled', bool);
    })
});

演示

DEMO

这篇关于jQuery:仅单击所有复选框时如何启用按钮?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！