javascript - 将 span 标签中的值插入 SQL 数据库

Question

我有一个表单，其中包含用户填写的 24 个复选框，在这些复选框下面有 2 个 span 标签。一个计算检查的数量，另一个显示检查的百分比。当我提交此表单时，出现以下错误:未定义索引:D:\inetpub\wwwroot\SMT_24_Point_Check\newAudit.php 中的 #countcheckboxes，第 33 行

这些是我在表单底部的跨度标签...

 <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>

在 newAudit.php 页面上，这是我为这 2 个跨度标签设置的帖子标签...

$totalChecked = $_POST['countcheckboxes'];
$auditScore = $_POST['percentagecheckboxes'];

复选框的输出显示:总分:已选中 24 分中的 2 分点击“显示审核分数”后，显示“审核结果:8%”。我需要将 2 和 8% 的值插入到数据库中。

Answer 1

有很多选项可供您获取值，而不是在 span 上使用无意义的 name 属性。

1. 在两个 div 上使用 data-count 属性，即 count-checked-checkboxes 和 percentagecheckboxes。使用相同的函数，更新计数，更新数据属性。在发布数据时，通过 let checkCount = $('#count-checked-checkboxes').attr('data-count'); 等获取这些值。
2. 使用隐藏的输入框代替span，并使用相同的更新函数更新这些输入框的值，并使用let checkCount = $('#count-checked-checkboxes')获取值.val()等等。
3. (不推荐)通过使用 let checkCount = $('#count-checked-checkboxes').text() 等来使用这些范围的文本值。