Question

在我的页面中，我有三个复选框，我想在选中所有复选框时启用提交按钮

<input type="checkbox" class="check" id="check1" />
<input type="checkbox" class="check" id="check2" />

<p:commandLink id="reviewLink" update="messages" ajax="false" action="${reviewBean.approveAndSubmitWorkflow}"   value="#msg['review.label.button.approve.submit']}"></p:commandLink>

Answer 1

你可以这样做：

$("input.check").change(function(){
    if ($('input.check:checked').length == $('input.check').length) {
       $('#reviewLink').prop('disabled' , false);
    }
});

Answer 2

if($( "input:checked").length==3){    
  $('#reviewLink').prop('disabled',false);
}

Answer 3

**

IT非常简单

**

    <input type="checkbox" class="check" id="check1" />
    <input type="checkbox" class="check" id="check2" />
    <input type="checkbox" class="check" id="check3" />
    <script>
    // Disable submit button
    $("#submitButton").attr('disabled','disabled');

    // Handle event
$("#check1, #check2, #check3").live("change",function(){
 // Make a check
    if ($('#check1').is(':checked') && $('#check2').is(':checked') && $('#check3').is(':checked')){
    $("#submitButton").removeAttr('disabled');
    }
})

    </script>

选中所有复选框后，启用p：commandlink按钮

3 个答案: