Javascript 如何将输入和php数组中的值放入js并进行乘法？
好的，正如您在下面的代码剪贴簿中看到的，我在第（1）号中创建选项（输入），在第（2）号中，我显示选项的名称，在第（3）号中，我显示单价 （1） 是一个从1到n的数字，我想从每个（1）中获取输入的数字，并将其与单价（3）相乘（例如x=（1）*（3）），然后将所有这些结果相加并显示在另一个文本框中。 我试过几件事，但都没能成功 我真的需要一些指导 我很乐意提供更多的信息Javascript 如何将输入和php数组中的值放入js并进行乘法？,javascript,php,html,Javascript,Php,Html,好的，正如您在下面的代码剪贴簿中看到的，我在第（1）号中创建选项（输入），在第（2）号中，我显示选项的名称，在第（3）号中，我显示单价 （1） 是一个从1到n的数字，我想从每个（1）中获取输入的数字，并将其与单价（3）相乘（例如x=（1）*（3）），然后将所有这些结果相加并显示在另一个文本框中。 我试过几件事，但都没能成功 我真的需要一些指导 我很乐意提供更多的信息 <?php $sum = $choice['qty'] * $choice['timi'];
<?php
$sum = $choice['qty'] * $choice['timi'];
foreach($choice3 as $choice3){
?>
//(1)
<input type="number" class="colorqty" name="color[<?php echo $i; ?>][unit]" step="<?php echo $step; ?>" value="0" min="0" class="color_qty_1" onchange="updateTotal();">
//(2)
<input type="text" value="<?php echo $choice3['price_name']; ?>" name="color[<?php echo $i; ?>][price_name]" readonly="readonly" class="color_qty_2">
//(3)
<input type="text" value="<?php echo $choice3['price']."€"; ?>" name="xrwmas" readonly="readonly" class="color_qty_2" id="tests"> <br />
<?php $i++; } ?>
//(1)
这对我来说很好
<?php Route::add('/route', function() {
$array = [
[
'price_name' => 'Xiaomi Poco X3',
'price' => 2000
],
[
'price_name' => 'Xiaomi Poco F1 plus',
'price' => 1500
],
[
'price_name' => 'Xiaomi Poco F1',
'price' => 1000
]
];
foreach($array as $key => $value) {
?>
<div id="form">
<input type="number" id="input_value" class="colorqty" name="color[<?php echo $key; ?>][unit]" value="0" min="0" class="color_qty_1" onkeyup="updateTotal();">
<input type="text" value="<?php echo $value['price_name']; ?>" name="color[<?php echo $key; ?>][price_name]" readonly="readonly" class="color_qty_2">
<input type="text" data-id="<?php echo $key; ?>" value="<?php echo $value['price']."€"; ?>" id="price" name="xrwmas" readonly="readonly" class="color_qty_2" id="tests"> <br />
</div>
<?php
}
echo '<p>SUM <span id="sum">0</span></p>';
?>
<script>
function updateTotal(value,id) {
var elements = document.getElementsByTagName('input')
var input_val = 0;
var price_val = 0;
for(let i = 0 ; i < elements.length; i++) {
if(elements[i].getAttribute('id') == 'price') {
price_val += parseInt(elements[i].value.replace('€',''))
}
if(elements[i].getAttribute('id') == 'input_value') {
input_val += parseInt(elements[i].value)
}
}
document.getElementById('sum').innerHTML = !Number.isNaN(price_val * input_val) ? price_val * input_val : 0
}
</script>
<?php
});
?>
所以我确实想出来了@Jerson帮了我很多忙
因此，对于开头的代码，我们在所有需要的项目中添加唯一id。在这个例子中，价格和投入，所以这里是一个例子
<?php
foreach($choice3 as $choice3){
?>
//(1)
<input type="number" class="colorqty" name="color[<?php echo $i; ?>][unit]" step="<?php echo $step; ?>" value="0" min="0" class="color_qty_1" onchange="updateSum();" id="input_value_<?php echo $i; ?>">
//(2)
<input type="text" value="<?php echo $choice3['price_name']; ?>" name="color[<?php echo $i; ?>][price_name]" readonly="readonly" class="color_qty_2">
//(3)
<input type="text" value="<?php echo $choice3['price']."€"; ?>" name="xrwmas" readonly="readonly" class="color_qty_2" id="price_<?php echo $i; ?>">
//(1)
你的意思是你想用循环计数乘以循环计数的和？这个php循环可以用这三个值创建5个不同的行，我想做的是如上所述的相乘，然后对每个值求和。但是我不能让它工作。你能提供你想要的输出吗？提供你想要的输出然后我就可以了analyze@Jerson我在描述mate中添加了它。这可能有效，但在上面的示例中，它求和68,74,71,83（296），然后乘以5,0,4,3=12的和，因此显示3552，这是不正确的，正确的数字应该是68*5=340 | 74*0=0 | 71*4=284 | 83*3=249，应该显示873I编辑了一点JSi添加的“some_test+=（price_val*input_val）；”在if和我更改了最后一个文档之后。getElementById（'sum'）。value=！数字。isNaN（一些测试）？一些测试：0但现在我面临以下问题，假设我们有四行，如示例中所示，如果我将数量添加到第一个框中，一切都很好，如果我将数量添加到第二个框中，在上面的示例中，事情会变得有点混乱，如果我有0,0,0,1，那么出现的总和是1055
<?php Route::add('/route', function() {
$array = [
[
'price_name' => 'Xiaomi Poco X3',
'price' => 2000
],
[
'price_name' => 'Xiaomi Poco F1 plus',
'price' => 1500
],
[
'price_name' => 'Xiaomi Poco F1',
'price' => 1000
]
];
foreach($array as $key => $value) {
?>
<div id="form">
<input type="number" id="input_value" class="colorqty" name="color[<?php echo $key; ?>][unit]" value="0" min="0" class="color_qty_1" onkeyup="updateTotal();">
<input type="text" value="<?php echo $value['price_name']; ?>" name="color[<?php echo $key; ?>][price_name]" readonly="readonly" class="color_qty_2">
<input type="text" data-id="<?php echo $key; ?>" value="<?php echo $value['price']."€"; ?>" id="price" name="xrwmas" readonly="readonly" class="color_qty_2" id="tests"> <br />
</div>
<?php
}
echo '<p>SUM <span id="sum">0</span></p>';
?>
<script>
function updateTotal(value,id) {
var elements = document.getElementsByTagName('input')
var input_val = 0;
var price_val = 0;
for(let i = 0 ; i < elements.length; i++) {
if(elements[i].getAttribute('id') == 'price') {
price_val += parseInt(elements[i].value.replace('€',''))
}
if(elements[i].getAttribute('id') == 'input_value') {
input_val += parseInt(elements[i].value)
}
}
document.getElementById('sum').innerHTML = !Number.isNaN(price_val * input_val) ? price_val * input_val : 0
}
</script>
<?php
});
?>
<?php
foreach($choice3 as $choice3){
?>
//(1)
<input type="number" class="colorqty" name="color[<?php echo $i; ?>][unit]" step="<?php echo $step; ?>" value="0" min="0" class="color_qty_1" onchange="updateSum();" id="input_value_<?php echo $i; ?>">
//(2)
<input type="text" value="<?php echo $choice3['price_name']; ?>" name="color[<?php echo $i; ?>][price_name]" readonly="readonly" class="color_qty_2">
//(3)
<input type="text" value="<?php echo $choice3['price']."€"; ?>" name="xrwmas" readonly="readonly" class="color_qty_2" id="price_<?php echo $i; ?>">
function updateSum(value,id) {
var elements = document.getElementsByClassName('colorqty').length;
var input_val = 0;
var price_val = 0;
var multipl = 0;
var output = 0;
var i = 0;
while(i < elements ) {
price_val = document.getElementById('price_'+[i]).value;
input_val = document.getElementById('input_value_'+[i]).value;
if(input_val != null){
multipl = price_val*input_val;
output += multipl ;
document.getElementById('a3').value = !Number.isNaN(output) ? output : 0
}
i ++;
}
}