选中复选框，下载文件并提交

check box checked, download file and submit

本文关键字：文件 提交 下载 复选框      更新时间：2023-09-26

我有一个复选框JSFIDDLE当useR选中其中一个复选框时，它将打开一个新窗口，一旦单击复选框按钮，用户就可以查看下载PDF。我希望下载功能被禁用，所以当用户勾选复选框按钮再次激活提交按钮。这能做到吗?

var checkboxes = $("input[type='checkbox']"),
submitButt = $("input[type='submit']");
checkboxes.click(function() {
submitButt.attr("disabled", !checkboxes.is(":checked"));
});
  checkboxes.click(function(e) {
    e.preventDefault (); 
    window.open('{site_url}downloads/resellers/Standard_Terms_and_Conditions.pdf');
    checkboxes[0].click();
        submitButt.attr("disabled", !checkboxes.is(":checked"));
});

就像这样(请注意窗口)。由于安全原因，Open在此代码片段中不起作用)

function enableSub(submitButt ) {
  submitButt.prop("disabled",$("input[type='checkbox']:checked").length==0);    
}
$(function() {
  var checkboxes = $("input[type='checkbox']"),submitButt = $("input[type='submit']");
  enableSub(submitButt );
  checkboxes.on("click",function() {
    enableSub(submitButt );
    if (this.checked) window.open('{site_url}downloads/resellers/Standard_Terms_and_Conditions.pdf');
  });
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<h1>Button should be enabled if at least one checkbox is checked</h1>
<form>
    <div>
        <input type="checkbox" name="option-1" id="option-1"> <label for="option-1">Option 1</label>
    </div>
    <div>
        <input type="checkbox" name="option-2" id="option-2"> <label for="option-2">Option 2</label>
    </div>
    <div>
        <input type="checkbox" name="option-3" id="option-3"> <label for="option-3">Option 3</label>
    </div>
    <div>
        <input type="checkbox" name="option-4" id="option-4"> <label for="option-4">Option 4</label>
    </div>
    <div>
        <input type="checkbox" name="option-5" id="option-5"> <label for="option-5">Option 5</label>
    </div>
    
    <div>
        <input type="submit" value="Do thing" disabled>
    </div>
</form>

相关文章：