Javascript 计算后在js中格式化数字

Javascript 计算后在js中格式化数字,javascript,html,jquery,css,format,Javascript,Html,Jquery,Css,Format,正在寻找一种方法,用逗号将计算结果格式化为千分之一(10000)。由于我添加了.toLocaleString('en-US',{maximumFractionDigits:1})到输出数字,当我选中和取消选中选项时,结果会变得奇怪 var checkboxes=document.querySelectorAll('.sum') var select=document.querySelector(“#select”) var total3=document.querySelector(“#付款总

正在寻找一种方法,用逗号将计算结果格式化为千分之一(10000)。由于我添加了
.toLocaleString('en-US',{maximumFractionDigits:1})到输出数字,当我选中和取消选中选项时,结果会变得奇怪

var checkboxes=document.querySelectorAll('.sum')
var select=document.querySelector(“#select”)
var total3=document.querySelector(“#付款总额”)
var total6=document.querySelector(“#payment-total2”)
var total12=document.querySelector(“#payment-total3”)
const totalScreenDiv=document.querySelector(“#total screen”);
const totalRangeDiv=document.querySelector(“#total range”);
const totalOtherDiv=document.querySelector(“#total other”);
const screen1=document.querySelector(“#screen-1”);
const screen2=document.querySelector(“#screen-2”);
const screen3=document.querySelector(“#screen-3”);
const range1=document.querySelector(“#range-1”);
const range2=document.querySelector(“#range-2”);
const range3=document.querySelector(“#range-3”);
const other1=document.querySelector(“#other-1”);
const other2=document.querySelector(“#other-2”);
const other3=document.querySelector(“#other-3”);
var screenwad=5
var screenkalw=6
var screenzat=4
var totalscreen=document.querySelector(“#total screen”)
var checkboxesTotal=0;
var-selectTotal=0;
复选框。forEach(函数(输入){
input.addEventListener('change',oncheckbox选择)
})
select.addEventListener('click',onSelectChange)
函数onCheckboxSelect(e){
var符号=e.target.checked?1:-1
checkboxesTotal+=sign*parseInt(e.target.value,10);
const summary=getSummary(即目标);
var select=document.getElementById(“select”);
//获取所选值并将其分配给全局变量selectTotal
selectTotal=select.options[select.selectedIndex].value;
renderTotal();
结果摘要(摘要);
}
功能更改(e){
var value=parseInt(如target.value,10)
如果(!isNaN(值)){
选择总计=值
renderTotal()
}
}
函数getSummary(selectedDiv){
常量数据={totalScreen:+totalScreenDiv.innerText.replace(',',''),totalRange:+totalRangeDiv.innerText.replace(',',''),totalOther:+totalOtherDiv.innerText.replace(',','');
const sign=selectedDiv.checked?1:-1;
if(selectedDiv.getAttribute('id')=='styled-checkbox-1'){
如果(符号===1){
data.totalScreen++(screen1.innerText.replace(',','');
data.totalRange++(range1.innerText.replace(',','');
data.totalOther++(other1.innerText.replace(',','');
}否则{
如果(data.totalScreen>0)data.totalScreen-=+(screen2.innerText.replace(',','');
如果(data.totalRange>0)data.totalRange-=+(range2.innerText.replace(',','')
如果(data.totalOther>0)data.totalOther-=+(other3.innerText.replace(',','')
}
}else if(selectedDiv.getAttribute('id')=='styled-checkbox-2'){
如果(符号===1){
data.totalScreen++(screen2.innerText.replace(',','')
data.totalRange++(range2.innerText.replace(',','')
data.totalOther++(other2.innerText.replace(',','')
}否则{
如果(data.totalScreen>0)data.totalScreen-=+(screen2.innerText.replace(',','')
如果(data.totalRange>0)data.totalRange-=+(range2.innerText.replace(',','')
如果(data.totalOther>0)data.totalOther-=+(other2.innerText.replace(',','')
}
}else if(selectedDiv.getAttribute('id')=='styled-checkbox-3'){
如果(符号===1){
data.totalScreen++(screen3.innerText.replace(',','')
data.totalRange++(range3.innerText.replace(',','')
data.totalOther++(other3.innerText.replace(',','')
}否则{
如果(data.totalScreen>0)data.totalScreen-=+(screen3.innerText.replace(',','')
如果(data.totalRange>0)data.totalRange-=+(range3.innerText.replace(',','')
如果(data.totalOther>0)data.totalOther-=+(other3.innerText.replace(',','')
}
}
返回数据;
}
函数renderSummary({totalScreen,totalRange,totalOther}){
totalScreenDiv.innerHTML=totalScreen.toLocaleString('en-US',{maximumFractionDigits:1});
totalRangeDiv.innerHTML=totalRange.toLocaleString('en-US',{maximumFractionDigits:1});
totalOtherDiv.innerHTML=totalOther.toLocaleString('en-US',{maximumFractionDigits:1});
}
函数renderTotal(){
//诺曼纳塞纳
total3.innerHTML=checkboxesTotal*selectTotal
//10%塔尼杰
total6.innerHTML=(checkboxesTotal*selectTotal/100)*(-10)+(checkboxesTotal*selectTotal)
//20%塔尼杰
total12.innerHTML=(checkboxesTotal*selectTotal/100)*(-20)+(checkboxesTotal*selectTotal)
//瓦多维兹
}
/*CENNIK*/
身体{
保证金:0;
字体系列:欧罗巴;
}
.pt_标题{
文本对齐:居中;
背景:#2c4949;
颜色:#fff;
字体大小:20px;
高度:60px;
线高:60px;
}
.pt_月{
颜色:#fff;
背景:#9B8C70;
高度:70像素;
线高:70px;
}
.col-x.month{
文本对齐:居中;
}
.cennik.pt集装箱{
填充:0 100px;
}
.col-x{
显示:内联块;
宽度:25%;
浮动:左;
}
pt_sub.先生{
背景:#F4F1ED;
高度:40px;
线高:40px;
盒影:0px 1px 2px 0px 00000029;
z指数:9;
位置:相对位置;
}
.pt_sub.col-x{
颜色:352B25;
字体大小:14px;
字号:100;
}
/*桌子*/
陈日立先生{
列表样式:无!重要;
浮动:左;
最小宽度:100%;
背景:#e6;
边框底部:1px实心#00000021;
左边距:0!重要;
左侧填充:0px!重要;
}
森尼克先生{
列表样式:无;
保证金:0;
填充:0;
}
西点军校{
填充:15px0;
}
.pt地点.月份{
字号:700;
颜色:#2c4949;
}
.pt_表ul{
显示:内联块;
位置:相对位置;
宽度:100%;
}
.pt地点.月跨度{
字体大小:16px;
字号:700;
有限公司
else {
      if(data.totalScreen > 0) data.totalScreen -= +(screen1.innerText.replace(',', ''));
      if(data.totalRange > 0) data.totalRange -= +(range1.innerText.replace(',', ''))
      if(data.totalOther > 0) data.totalOther -= +(other1.innerText.replace(',', ''))
    }