Jquery 选择“选择框”时如何更改其他输入字段?
这是我的表格 当我选择一些项目,并写一些公斤,然后价格应自动更改。像Jquery 选择“选择框”时如何更改其他输入字段?,jquery,Jquery,这是我的表格 当我选择一些项目,并写一些公斤,然后价格应自动更改。像 potato - 1 kg - Rs 100 | Tomato - 1 kg - Rs 90 | Onion - 1 kg - 80 在这里,我想检查条件,如果项目选择为1,则价格应为100,如果项目选择为2,则价格应为90,如果项目选择为3,则价格应为100 //我创建了这样的新函数。 //但如何使用此功能检查状况? 功能转换\u kg(项目){ 费率=[ ["0", 100], ['1', 90], ['2', 80]
potato - 1 kg - Rs 100 | Tomato - 1 kg - Rs 90 | Onion - 1 kg - 80
在这里,我想检查条件,如果项目选择为1,则价格应为100,如果项目选择为2,则价格应为90,如果项目选择为3,则价格应为100
//我创建了这样的新函数。
//但如何使用此功能检查状况?
功能转换\u kg(项目){
费率=[
["0", 100],
['1', 90],
['2', 80],
];
退货率[项目];
}
函数更新动态价格(值){
设kg=$(“输入[name='kg[]']”)val();
总价格=换算成千克(价值)[1]*kg;
价格=$(“输入[name='price[]']”)val(总价);
}
$(document).on('change',.item',function(){
更新的动态价格($(this.val());
将袋子换算成千克($(this.val());
});代码>
马铃薯
西红柿
洋葱
- 使用公共父元素
- 使用数组
items
将数据存储为对象{name:“Potato”,price:100.00}
- 处理字符串到浮点的转换时,请使用
parseFloat()
。(获取元素.value
,或使用jQuery$Element.val()
将始终为您提供一个字符串!)
- 动态生成
元素。这样,您就可以确保将JS数据反映到HTML中
- 将价格值存储在
value
属性中
const项=[
{名称:“土豆”,价格:100.00},
{名称:“西红柿”,价格:90.00},
{名称:“洋葱”,价格:80.50}
];
$(“.productCalc”)。每个(函数(){
const$item=$('[name=“item[]”,this);
const$kg=$('[name=“kg[]”,this);
const$price=$('[name=“price[]”,this);
//生成选项元素
$item.html(items.reduce((html,i)=>html+=`${i.name}`,“”);
//当$item或$kg值发生变化时计算
$item.add($kg).on(“输入”,函数(){
const price=parseFloat($item.val());
const kg=parseFloat($kg.val())| 0;
施工结果=价格*kg;
const priceFormatted=result.toFixed(2);
$price.val(`${priceFormatted}`);
});
});代码>
公斤:
价格:
- 使用公共父元素
- 使用数组
items
将数据存储为对象{name:“Potato”,price:100.00}
- 处理字符串到浮点的转换时,请使用
parseFloat()
。(获取元素.value
,或使用jQuery$Element.val()
将始终为您提供一个字符串!)
- 动态生成
元素。这样,您就可以确保将JS数据反映到HTML中
- 将价格值存储在
value
属性中
const项=[
{名称:“土豆”,价格:100.00},
{名称:“西红柿”,价格:90.00},
{名称:“洋葱”,价格:80.50}
];
$(“.productCalc”)。每个(函数(){
const$item=$('[name=“item[]”,this);
const$kg=$('[name=“kg[]”,this);
const$price=$('[name=“price[]”,this);
//生成选项元素
$item.html(items.reduce((html,i)=>html+=`${i.name}`,“”);
//当$item或$kg值发生变化时计算
$item.add($kg).on(“输入”,函数(){
const price=parseFloat($item.val());
const kg=parseFloat($kg.val())| 0;
施工结果=价格*kg;
const priceFormatted=result.toFixed(2);
$price.val(`${priceFormatted}`);
});
});代码>
公斤:
价格:
“价格应该是洋葱?”我给你写了一个片段。它给出了非常描述性的错误。请修复它们“0”
在[“0”,100]中,
在数组中是什么意思?是的,我在数组中声明了价格?但如何使用时与公斤相乘?我可以这样使用转换成公斤(值)[1]@初学者我不理解正确,是速率
数组。。。什么?每公斤的价格?“0”“1”“2”是做什么的?“价格应该是洋葱?”我给你写了一个片段。它给出了非常描述性的错误。请修复它们“0”
在[“0”,100]中,
在数组中是什么意思?是的,我在数组中声明了价格?但如何使用时与公斤相乘?我可以这样使用转换成公斤(值)[1]@初学者我不理解正确,是速率
数组。。。什么?每公斤的价格?“0”“1”“2”是用于什么的?