在选择选项和复选框时启用提交按钮

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