选择选项时启用提交按钮以及复选框

Question

我有一个javascript，如果选中复选框（atlease one），则启用提交按钮。 但是如果我在选择框中选择至少选项以及复选框，我想启用提交按钮。

<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);
});