对表单输入执行计算
Performing calculations on form inputs
我设计了一个带有复选框和单选框的食物菜单网页。我使用PHP从MySQL数据库表中检索结果。下面的代码显示了当前设置的示例:
PHP包括连接到数据库:
<?php include('includes/fruits.php');?>
<?php include('includes/cheese.php');?>
<?php include('includes/desert.php');?>
其中一个PHP示例包括:
$host="localhost"; // Host name
$username="root"; // Mysql username enter code here
$password="admin2"; // Mysql password enter code here
$db_name="food"; // Database name enter code here
$tbl_name="fruits"; // Table name
mysql_connect("$host", "$username", "$password")or die("cannot connect");
mysql_select_db("$db_name")or die("cannot select DB");
$sql="SELECT * FROM $tbl_name";
$result_fruits=mysql_query($sql);
主页面上返回表数据的输入框(每个类别都在自己的MySQL表中):
<?php while($rows=mysql_fetch_array($result_fruits)){ ?>
<input type="radio" name="fruits[]" id="<? echo $rows['itemname']; ?>" value="<? echo $rows['label']; ?>" class="green-border-fruits" />
<?php while($rows=mysql_fetch_array($result_cheese)){ ?>
<input type="radio" name="cheese[]" id="<? echo $rows['itemname']; ?>" value="<? echo $rows['label']; ?>" class="green-border-cheese" />
<?php while($rows=mysql_fetch_array($result_desert)){ ?>
<input type="radio" name="desert[]" id="<? echo $rows['itemname']; ?>" value="<? echo $rows['label']; ?>" class="green-border-desert" />
因此,例如,上面的代码将返回:
apple $2<br>
orange $1<br>
grapes $2
<td>
swiss $3<br></td>
blue cheese $1.50<br>
feta $2.20
cake $5<br>
pie $4<br>
cookies $3.50
我需要在文本框中显示所有CHECKED项目的总数。
例如:如果(检查了苹果、橙子、蓝奶酪和馅饼),这将是显示的数量
总计-$8.50
如有任何协助,我们将不胜感激。
我会使用jQuery来检查选择了哪些单选按钮,然后对所有值求和,并将结果与.html一起放在文本字段中。
检查单选按钮:
var value = $('input[name=radioName]:checked').val()
你可以用循环浏览所有单选按钮
$('.className').each(function() {
// do stuff here
}
组合示例:
var sum = 0;
$('.radioButtonClass').each(function() {
if($(this).is(':checked')) {
sum = sum + $(this).val();
}
$("#idTextfield").html("Total: " + sum + "$");
<script src="jquery.js"></script>
<script>
$(document).ready(function() {
$('.total').click(function() {
v = 0;
$('.sum').each(function() {
if( $(this).is(':checked') ) {
v+= parseFloat($(this).val());
}
});
alert(v);
});
});
</script>
<input class="sum" type="radio" name="fruits[]" id="" value="10.00" class="green-border-fruits" /> 10.00 ....
<input type="button" class="total" value="sum">
相关文章:
- 从表单中获取用户输入执行计算(操作顺序)并输出回该表单
- NumericTextBox-当用户键入数字时执行JS计算.能做到吗
- 对表单输入执行计算
- JQuery/JavaScript:遍历表单字段,执行计算,然后提交
- 如何使用文本下拉列表中的绑定值来执行计算
- 使挖空计算订阅不在初始执行路径中的可观察量
- Jquery in 循环执行一些记录计算
- JavaScript.为字母分配数字值,并根据用户的字母输入执行计算
- 使用表单数据执行计算并将其解析回表单
- 在不同计算机上执行时未捕获的引用错误
- 在 HTML 中执行动态表计算 - jQuery
- 计算循环执行的次数
- 如何使用 CheckBox=“true” 执行计算
- 未执行计算可观察量
- 通过json对数据执行计算
- 从<td>对行id指定的同一表行执行计算
- 如何使用JS在表单中执行相互依赖的计算
- 使用javascript执行一些日期计算/比较
- aws lambda函数如何使用响应来执行计算
- 使用Date对象计算Javascript执行速度是否正确