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”是用于什么的?