javascript - 获取复选框的值并执行计算

Question

我有 3 个复选框:

<label><input type="checkbox">100%</label>
<label><input type="checkbox">50%</label>
<label><input type="checkbox">25%</label>

和一个具有固定值的文本框1

<?php 
    $sampleValue= "200.35"
?>
<input type="text" class="form-control" id="sampleOfsample"  readonly="readonly" value="<?php echo $sampleValue ?>" >

如果复选框选中一项，它将获取 $sampleValue 值的 %，并将在同一文本框中回显金额。

我怎样才能实现这个目标？

谢谢...

Answer 1

我认为您只使用 PHP 而不使用 JavaScript，并且需要将数据从一个文件传输到另一个文件。我假设你有这样的形式:

<form method="POST" action="fileName.php">
    <label><input type="checkbox" name='checkBoxOne'>100%</label>
    <label><input type="checkbox" name='checkBoxTwo'>50%</label>
    <label><input type="checkbox" name='checkBoxThree'>25%</label>
    <input type="Submit" value ="Submit"/>
</form>

现在后端发生了什么(fileName.php)

$checkBoxOne = $_POST["checkBoxOne"]
$checkBoxTwo = $_POST["checkBoxTwo"]
$checkBoxThree = $_POST["checkBoxThree"]

您检查哪一个被填充并输入到字段的值中，例如:

<input type="text" class="form-control" id="sampleOfsample"  readonly="readonly" value="<?php echo $sampleValue ?>" >

此外，我建议使用“Select”元素而不是 checkBox，因为它始终会发送“一个”值，并且您不必检查每个复选框值。