启用提交按钮，选择一个选项以及复选框

Question

我有一个javascript以下的启用提交按钮，如果选中复选框（释放一个）。 但我想启用提交按钮，如果我至少在选择框中选择复选框。

<script type='text/javascript'>//<![CDATA[ 
    $(function(){ 
     var checkboxes = $("input[name='cand[]']"), 
     submitButt = $("input[type='submit']"); 

     checkboxes.click(function() { 
      submitButt.attr("disabled", !checkboxes.is(":checked")); 
     }); 
    });//]]> 

</script> 

<form> 
    <select name="status"> 
     <option value="">Move To</option> 
      <option value="shortlisted">Shortlisted</option> 
      <option value="finalised">Finalised</option> 
      <option value="rejected">Rejected</option> 
    </select> 
    <input name="cand[]" value="<? echo $cand_id ; ?> " type="checkbox"/> 
    <input type="submit" value="Apply" disabled> 
</form> 

对此有帮助。

Answer 1

这应该这样做，只要你的非选择值是""。

$(function(){ 
    var checkboxes = $("input[name='cand[]']"), 
     sel = $('select[name=status]'), 
     submitButt = $("input[type='submit']"); 

    function updateSubmitButtonState() { 
     submitButt.prop("disabled", !checkboxes.is(":checked") || !sel.val()); 
    } 

    checkboxes.click(updateSubmitButtonState); 
    sel.change(updateSubmitButtonState); 
});