Buona sera
ho creato un file html che utilizza uno script javascript, per creare un file TXT con i dati dei campi presenti, tutto funziona bene ma non riesco ad inserire le modifiche relative ai check box ho provato diversi tentativi, ma se i check funzionavano il resto dello script non funzionava e non veniva salvato il file txt. Grazie anticipatamente del vostro aiuto inserisco il codice che ho scritto:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>M.M. - INFERMERIA PRESIDIARIA LA SPEZIA - MODULO PRENOTAZIONE</title>
<style type="text/css">
/*----------Text Styles----------*/
.ws6 {font-size: 8px;}
.ws7 {font-size: 9.3px;}
.ws8 {font-size: 11px;}
.ws9 {font-size: 12px;}
.ws10 {font-size: 13px;}
.ws11 {font-size: 15px;}
.ws12 {font-size: 16px;}
.ws14 {font-size: 19px;}
.ws16 {font-size: 21px;}
.ws18 {font-size: 24px;}
.ws20 {font-size: 27px;}
.ws22 {font-size: 29px;}
.ws24 {font-size: 32px;}
.ws26 {font-size: 35px;}
.ws28 {font-size: 37px;}
.ws36 {font-size: 48px;}
.ws48 {font-size: 64px;}
.ws72 {font-size: 96px;}
.wpmd {font-size: 13px;font-family: Arial,Helvetica,Sans-Serif;font-style: normal;font-weight: normal;}
/*----------Para Styles----------*/
DIV,UL,OL /* Left */
{
margin-top: 0px;
margin-bottom: 0px;
}
#cont {
position:relative;
height:500px;
width:500px;
background-image:url(mages/MM.png);
z-index:2;
}
#cont img {
position:relative;
z-index:1;
}
</style>
</head>
<body>
<div>
<div id="text1" style="position:absolute; overflow:hidden; left:578px; top:14px; width:200px; height:100px; z-index:1">
<div class="wpmd">
<div align=center><font color="#000080" class="ws12"><B>MODULO REGISTRAZIONE </B></font></div>
</DIV></DIV>
<!-- COGNOME -->
<div id="text4" style="position:absolute; overflow:hidden; left:5px; top:70px; width:86px; height:20px; z-index:7">
<div class="wpmd">
<div align=right><font class="ws12"><B>COGNOME</B></font></div>
</div></div>
<input id="TXTCGN" type="text" style="position:absolute;width:249px;left:122px;to p:70px;z-index:6">
<!-- NOME -->
<div id="text5" style="position:absolute; overflow:hidden; left:394px; top:70px; width:86px; height:20px; z-index:9">
<div class="wpmd">
<div align=right><font class="ws12"><B>NOME</B></font></div>
</div></div>
<input id="TXTNM" type="text" style="position:absolute;width:249px;left:486px;to p:70px;z-index:8">
<!-- ELENCO SESSO -->
<div id="text6" style="position:absolute; overflow:hidden; left:5px; top:98px; width:58px; height:25px; z-index:11">
<div class="wpmd">
<div align=right><font color="#000000" class="ws12"><B>SESSO</B></font></div>
</div></div>
<select id="selSesso" style="position:absolute;left:122px;top:100px;widt h:67px;z-index:10">
<option value="//"> </option>
<option value="M">M</option>
<option value="F">F</option>
</select>
<!-- DATA NASCITA -->
<label for="TXTDNASC" style="position:absolute; overflow:hidden; left:200px; top:100px; width:160px; height:20px; z-index:21";class="wpmd" ><B>
<span>DATA DI NASCITA:</span>
<strong><abbr title="required">*</abbr></strong>
<em>formatted as mm/yy</em>
</label>
<input id="TXTDNASC" type="date" name="expiration" style="position:absolute;width:110px;left:390px;to p:100px;z-index:20">
<!-- ETA -->
<div id="text12" style="position:absolute; overflow:hidden; left:508px; top:100px; width:54px; height:20px; z-index:23">
<div class="wpmd">
<div align=right><font class="ws12"><B>ETA'</B></font></div>
</div></div>
<input id="TXTETA" type="text" style="position:absolute;width:50px;left:569px;top :100px;z-index:22">
<!-- CODICE FISCALE -->
<div id="text13" style="position:absolute; overflow:hidden; left:5px; top:130px; width:100px; height:20px; z-index:23">
<div class="wpmd">
<div align=Left><font class="ws12"><B>C.F.'</B></font></div>
</div></div>
<input id="TXTCF" type="text" style="position:absolute;width:150px;left:122px;to p:130px;z-index:22">
<!-- PITTORE -->
<div name="chkPIT" style="position:absolute; left:5px; top:160px; z-index:103">
<input type="checkbox" id="chkPIT" value="0"></div>
<div id="text54" style="position:absolute; overflow:hidden; left:30px; top:160px; width:100px; height:25px; z-index:107">
<div class="wpmd">
<div><font class="ws14">PITTORE</font></div>
</div></div>
<script>
if (chkPIT.checked === true){
(chkPIT.value =="1")
}
</script>
<!-- SCULTORE -->
<div name="chkSCT" style="position:absolute; left:145px; top:160px; z-index:103"><input type="checkbox" id="chkSCT"></div>
<div id="text54" style="position:absolute; overflow:hidden; left:170px; top:160px; width:208px; height:25px; z-index:107">
<div class="wpmd">
<div><font class="ws14">SCULTORE</font></div>
</div></div>
<!-- PULSANTE DI SALVATAGGIO -->
<div id="html1" style="position:absolute; overflow:hidden; left:5px; top:190px; width:693px; height:112px; z-index:133">
<div>
<input type="button" id="bt" value="Save data to file" onclick="saveFile()" />
</div>
</DIV>
<script>
let saveFile = () => {
// Get the data from each element on the form.
const cgn = document.getElementById('TXTCGN');
const nm = document.getElementById('TXTNM');
const sesso = document.getElementById('selSesso');
const dnasc = document.getElementById('TXTDNASC');
const eta = document.getElementById('TXTETA');
const cf = document.getElementById('TXTCF');
const chkpit = document.getElementById('chkPIT');
const chksct = document.getElementById('chkSCT');
// This variable stores all the data.
let data =
cgn.value +
'%' + nm.value +
'%' + sesso.value +
'%' + dnasc.value +
'%' + eta.value +
'%' + cf.value +
'%' + chkpit.value +
'%' + chksct.value;
// Convert the text to BLOB.
const textToBLOB = new Blob([data], { type: 'text/plain' });
const sFileName = cf.value + '.txt'; // The file to save the data.
let newLink = document.createElement("a");
newLink.download = sFileName;
if (window.webkitURL != null) {
newLink.href = window.webkitURL.createObjectURL(textToBLOB);
}
else {
newLink.href = window.URL.createObjectURL(textToBLOB);
newLink.style.display = "none";
document.body.appendChild(newLink);
}
newLink.click();
}
var ndata=data.value
document.getElementById("demo").innerHTML = ndata.length;
</script>
</div>
</body>
</html>