Javascript 根据复选框更改提交onclick

我有一个表单，它被用作基本的联系表单。我添加了一个复选框，如果选中该复选框，将添加一些字段。如何根据是否选中此框来更改submit按钮的onclick操作。这是我目前拥有的

<form  class="homeContact"> 
        <label for="chkJob">
            Interested in a career? Check to apply
            <input type="checkbox" id="chkJob" />
        </label>
        <div id="dvApply" style="display: none">

            <a href="" class="application-button" target="_blank">Download Application</a>
                Download the application. Fill it out and upload below:
                <input type="file" name="fileToUpload" id="fileToUpload">
        </div>

        <div id="popErr"></div>
        <input type="hidden" name="nospam">
        <div class="field">  
        <div class="label-form">
        <input type="text" placeholder="Name *" value="" name="name" id="popName"> 
        <span class="form-icon fa fa-user"></span>
        </div>
        </div>
        <div class="field">  
        <div class="label-form">
        <input type="text" placeholder="Email *" value="" name="email" id="popEmail"> 
        <span class="form-icon fa fa-envelope"></span>
        </div>
        </div>
        <div class="field">  
        <div class="label-form">
        <input type="text" placeholder="Phone *" value="" name="phone" id="popTel">
        <span class="form-icon fa fa-phone"></span>
        </div>
        </div>

        <div id="submit_button">
        <input type="button" class="button submit" id="contact-submit" onclick="submitForm()" value="Request Information">
        </div>
     </form>
<script>
jQuery(document).ready(function($) {
    $("#chkJob").click(function () {
        if ($(this).is(":checked")) {
            $("#dvApply").show();
        } else {
            $("#dvApply").hide();
        }
    });
});
</script>

对职业感兴趣？勾选申请
下载应用程序。请在下面填写并上传：
jQuery（文档）.ready（函数（$）{
$（“#chkJob”）。单击（函数（）{
如果（$（this）.is（“：checked”））{
$（“#dvApply”）.show（）；
}否则{
$（“#dvApply”）.hide（）；
}
});
});

您可以在submitForm函数中实现此登录：

function submitForm()
{
    if ($('#chkJob').is(":checked")) {
        $("#dvApply").show();
    } else {
        $("#dvApply").hide();
    }
}

但如果您希望在每次单击复选框按钮时切换

dvApply

，而不必等待单击提交按钮，您可以执行以下操作：

jQuery(document).ready(function($) {
    $('#chkJob').change(function() {
        $('#dvApply').toggle();
    });
});

---

$（'input[type=checkbox]'）。prop（'checked'）；//如果选中，则为true；如果未选中，则为false

这是您需要的吗？如何根据此框是否选中来更改submit按钮的onclick操作？问题与您的JS代码无关！这个问题与守则不同。我想您是在问如何基于复选标记而不是提交按钮操作显示/隐藏区域。如果是的话