javascript - 计算用户定义数字的百分比

Question

我正在使用this代码片段来计算用户单击了多少个复选框，然后我在下面有一个提交按钮，我试图让它显示百分比。例如，如果他们点击了 10 个复选框中的 8 个，那么它应该在下面显示 80%。

我尝试了以下 PHP 代码

$x = "<?php if(isset($_POST['count-checked-checkboxes']))?>";;
$total = 500;
$percentage = ($x*100)/$total;

其中 x 是选中的复选框的数量，但是当我尝试回显 $percentage 时，我得到了一个 undefined variable 错误:注意: undefined variable :百分比“

我可以使用 Javascript 或 Jquery 来做到这一点吗？

Answer 1

是的，您可以使用 JavaScript 来完成此操作:

$checkboxes.change(function(){
    var countCheckboxes = $checkboxes.length;
    var countCheckedCheckboxes = $checkboxes.filter(':checked').length;
    var percentage = Math.round(100 * countCheckedCheckboxes / countCheckboxes);
    $('#percentage-checked-checkboxes').text(percentage);
});

参见:jsFiddle

但是，现在服务器上无法得知该百分比。