Javascript 将span标记中的值插入SQL数据库

我有一个表单，里面有24个复选框，用户可以填写，在这些复选框下面有2个span标记。一个计算检查的数量，另一个显示检查的百分比。提交此表单时，出现以下错误：未定义索引：#D:\inetpub\wwwroot\SMT\u 24\u Point\u Check\newAudit.php中的countchecks，位于第33行

这些是我在表单底部的span标签

 <div class="count-checkboxes-wrapper">
 Total score: <span id="count-checked-checkboxes" 
 name="countcheckboxes">0</span> out of 24 checked
 </div><br>
 <!-- button to show div below -->
 <input type="button" value="Show Audit Score" onclick=showDiv()>
 <!--div showing total audit score as percentage-->
 <div id="percentDiv"; style="display:none;" class="percentage-checkboxes- 
 wrapper">
 Audit Result:<span id="percentage-checked-checkboxes" 
 name="percentagecheckboxes"> 0</span> %
 </div>

复选框中的输出显示：总分：24个选中项中的2个

---

点击“显示审核分数”后，会显示“审核结果：8%”。我需要将2%和8%的值插入数据库。

有很多选项可供您获取值，而不是在

span

上使用无意义的

name

属性

在两个div上使用

数据计数

属性，即

计数复选框

和

百分比复选框

。使用更新计数的相同函数，更新数据属性。在发布数据时，通过

let checkCount=$（“#count checkedboxs”）.attr（'data-count'）获取这些值等等

在span位置使用隐藏的输入框，并使用相同的更新函数更新这些框的值，然后使用

let checkCount=$（'#count checkbox'）.val（）

等方法获取值

（不推荐）通过使用

let checkCount=$（“#count checked checkbox”）.text（）

等使用这些范围的文本值

---

跨度不是表单元素，它们不会被发送到服务器。要发布它们，您需要一个包含具有这些值的

input

元素的表单，或者一些JS来直接从这些元素获取值，或者使用AJAX请求发布它们，或者填充一个隐藏表单并提交它们。只举几个例子。你如何提交这份表格？AJAX还是POST？@Jonnix-谢谢，我会研究使用AJAX请求。@Shudhansh-我的表单方法是POST，我使用AJAX提交它。在发送AJAX之前，您应该捕获事件提交，比如：

$（'form'）.submit（函数（e）{e.preventDefault（）；var that=this；$.POST（'url'，函数（）{that.submit（）；}）
$totalChecked = $_POST['countcheckboxes'];
$auditScore = $_POST['percentagecheckboxes'];