如何从html生成文档和PDF<；部门>；在Django

你好

在Django项目中，我有一个带有div的html文件，其中一些字段（如p）通过radiobutton选项（使用JavaScript）更改内容

需要将包含更改内容的div（通过radiobutton选择）转换为pdf和doc（保存所有样式）。 感谢您的帮助

我尝试了“wkhtmltopdf”，但它只使用db中的模型内容生成pdf，而没有radiobutton工作的结果

<!--Choice radiobuttons-->

function Display(obj) {
    fioid=obj.id;
    if(fioid=='exampleRadios1'){
        document.getElementById("fiz").style.display='block';
        document.getElementById("ip").style.display='none';
        document.getElementById("ur").style.display='none';

}   else if(fioid=='exampleRadios2'){
        document.getElementById("ip").style.display='block';
        document.getElementById("fiz").style.display='none';
        document.getElementById("ur").style.display='none';

}   else if(fioid=='exampleRadios3'){
        document.getElementById("ur").style.display='block';
        document.getElementById("fiz").style.display='none';
        document.getElementById("ip").style.display='none';

}}


<div class="col-12">
   <div class="form-check">
     <input class="form-check-input" type="radio" name="exampleRadios" 
     id="exampleRadios1" value="FIZ" onclick="Display(this);" checked>
         <label class="form-check-label" for="exampleRadios1">
                    FIZ
         </label>
   </div>

  <div class="form-check">
     <input class="form-check-input" type="radio" name="exampleRadios" 
     id="exampleRadios2" value="IP" onclick="Display(this);">
          <label class="form-check-label" for="exampleRadios2">
                    IP
          </label>
  </div>

  <div class="form-check">
      <input class="form-check-input" type="radio" name="exampleRadios" 
      id="exampleRadios3" value="UR" onclick="Display(this);">
           <label class="form-check-label" for="exampleRadios3">
                      UR
           </label>
  </div>
</div>


<div>
    <p style="text-align: justify; font-family: Times New Roman;">
    <span style='display: block;' id="fiz">This is FIZ</span>
    <span style='display: none;' id="ip">This is IP</span>
    <span style='display: none;' id="ur">This is UR</span>
    </p>
<div>

功能显示（obj）{
fioid=对象id；
如果（fioid=='exampleRadios1'）{
document.getElementById（“fiz”）.style.display='block'；
document.getElementById（“ip”）.style.display='none'；
document.getElementById（“ur”）.style.display='none'；
}else if（fioid=='exampleRadios2'）{
document.getElementById（“ip”）.style.display='block'；
document.getElementById（“fiz”）.style.display='none'；
document.getElementById（“ur”）.style.display='none'；
}else if（fioid=='exampleRadios3'）{
document.getElementById（“ur”）.style.display='block'；
document.getElementById（“fiz”）.style.display='none'；
document.getElementById（“ip”）.style.display='none'；
}}
菲兹
知识产权
乌尔

我是菲兹
这是IP
这是你的

这可能就是问题的答案。