Javascript 使用修改的值打印模式窗口

我使用JS在模式窗口中设置一系列复选框，具体取决于发送给它的值。我可以打印模式窗口-但是，只打印默认值，不打印任何动态更新的值

我怎么能

模态窗口的HTML

<div id="switchSettings" class="modal" style="z-index: 4; display: none;">
    <input type="checkbox" name="check[1]" id="checkCriteria[1]" value="1" />
    <input type="checkbox" name="check[2]" id="checkCriteria[2]" value="2" />
    <input type="checkbox" name="check[3]" id="checkCriteria[3]" value="4" />
    ...(and so on)
    <input type="checkbox" name="check[21]" id="checkCriteria[21]" value="1048576" />
</div>

…（等等）

处理页面上的PHP函数对所有设置的复选框求和，并将整数、唯一ID和友好名称存储到数据库中。用户将看到保存的数据的友好名称，以单击

设置复选框数组的函数-使用二进制运算符将Int转换为20个奇数的“dip开关”（通过css设置样式的复选框）

函数setCheckArray（二进制值）{
document.getElementById（“开关设置”）.style.display=“块”；
对于（i=1；i<22；i++）{
checkboxname=“checkCriteria[“+i+”]”；
document.getElementById（checkboxname）.checked=false；
if（document.getElementById（checkboxname）.value==（document.getElementById（checkboxname）.value&binaryValues））{
document.getElementById（checkboxname）.checked=true；
}
}
}

函数仅打印模式

function printModalWindow(modalID){
    // To us pass document.getElementById('divtoprint') as argument
    var WindowObject = window.open("", "PrintWindow", "width=750,height=650,top=50,left=50,toolbars=no,scrollbars=yes,status=no,resizable=yes");

    WindowObject.document.writeln("<link rel=\"stylesheet\" href=\"./css/css.css\">");
    WindowObject.document.writeln("<link rel=\"stylesheet\" href=\"./css/font-awesome.css\">");

    WindowObject.document.writeln(modalID.innerHTML);

    WindowObject.document.close();

    setTimeout(function(){
        WindowObject.focus();
        WindowObject.print();
        WindowObject.close();
    },6000);
}

函数printModalWindow（modalID）{ //将document.getElementById（'divtoprint'）作为参数传递给我们 var WindowObject=window.open（“，”PrintWindow“，”宽度=750，高度=650，顶部=50，左侧=50，工具栏=no，滚动条=yes，状态=no，可调整大小=yes”）； WindowObject.document.writeln（“”）； WindowObject.document.writeln（“”）； WindowObject.document.writeln（modalID.innerHTML）； WindowObject.document.close（）； setTimeout（函数（）{ WindowObject.focus（）； WindowObject.print（）； WindowObject.close（）； },6000); } 用户可以看到带有“onclick=setCheckArray（3748592）；”等按钮，这些按钮会导致模式弹出并设置双列直插式开关阵列。这一部分工作得很好，它在打印时将开关位置（复选框值）与模式保持距离

有什么建议吗

function printModalWindow(modalID){
    // To us pass document.getElementById('divtoprint') as argument
    var WindowObject = window.open("", "PrintWindow", "width=750,height=650,top=50,left=50,toolbars=no,scrollbars=yes,status=no,resizable=yes");

    WindowObject.document.writeln("<link rel=\"stylesheet\" href=\"./css/css.css\">");
    WindowObject.document.writeln("<link rel=\"stylesheet\" href=\"./css/font-awesome.css\">");

    WindowObject.document.writeln(modalID.innerHTML);

    WindowObject.document.close();

    setTimeout(function(){
        WindowObject.focus();
        WindowObject.print();
        WindowObject.close();
    },6000);
}