个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
26
4
当我选择了 10 个以上的项目时，我想使用 JavaScript 获得最小值。但是我无法根据我的代码得到结果。我认为错误在“price[i]”中，但我不知道如何正确编写它。这是我的代码。获得最小值的正确方法是什么？
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript">
function getprice()
{
var total=0.00,i,count=0,min=0;
for(i=0; i<document.frm1.item.length; i++)
{
if(document.frm1.item[i].checked)
{
total=total+parseInt(document.frm1.item[i].value);
count=count+1;
}
}
document.getElementById("totalprice").innerHTML="Total Price : RM "+ total.toFixed(2);
document.getElementById("totalitem").innerHTML="Total item: "+count;
if(total>=300 && count>=10)
{
for(i=0; i<document.frm1.item.length; i++)
{
if(document.frm1.item[i].checked)
{
price[i]=document.frm1.item[i].value;
if(price[i]<min)
min=price[i];
}
}
document.getElementById("smallestp").innerHTML="Smallest price : RM "+ min.toFixed(2);
}
}
</script>
</head>
<body>
<form name="frm1">
<input type="checkbox" name="item" value="100"/>Pan RM 100</br>
<input type="checkbox" name="item" value="50"/>Fork RM 50</br>
<input type="checkbox" name="item" value="200"/>Stove RM 200</br>
<input type="checkbox" name="item" value="10"/>Pen RM 10</br>
<input type="checkbox" name="item" value="60"/>Mouse RM 60</br>
<input type="checkbox" name="item" value="40"/>Keyboard RM 40</br>
<input type="checkbox" name="item" value="30"/>Glue RM 30</br>
<input type="checkbox" name="item" value="210"/>Speaker RM 210</br>
<input type="checkbox" name="item" value="300"/>Case RM 300</br>
<input type="checkbox" name="item" value="80"/>Cable RM 80</br>
<input type="checkbox" name="item" value="110"/>Extention RM 110</br>
<input type="checkbox" name="item" value="400"/>Redmi RM400</br>
<p><input type="button" name="subbtn" value="Send" onclick="getprice();"/></p><br/>
<p id="totalprice"></p>
<p id="totalitem"></p>
<p id="newupdatep"></p>
<p id="smallestp"></p>
</form>
</body>
</html>
最佳答案
这是您的代码更新。我更改了一些部分以使其更容易和更清晰。
选中复选框的所有值都存储在 checkedValues 数组中
此代码使用了 Array#filter()、Array#map()、Array#reduce() 和 math .min.apply
function getprice() {
let checkedValues = Array.from(document.frm1.item).filter(i=>i.checked).map(i=>+i.value);
let total = checkedValues.length === 0 ? 0 : checkedValues.reduce((a, b) =>a+b);
document.getElementById("totalprice").innerHTML = "Total Price : RM " + total.toFixed(2);
document.getElementById("totalitem").innerHTML = "Total item: " + checkedValues.length;
if (total >= 300 && checkedValues.length >= 10) {
let min = Math.min.apply(Math, checkedValues);
document.getElementById("smallestp").innerHTML = "Smallest price : RM " + min.toFixed(2);
}
}<form name="frm1">
<input type="checkbox" name="item" value="100" />Pan RM 100<br>
<input type="checkbox" name="item" value="50" />Fork RM 50<br>
<input type="checkbox" name="item" value="200" />Stove RM 200<br>
<input type="checkbox" name="item" value="10" />Pen RM 10<br>
<input type="checkbox" name="item" value="60" />Mouse RM 60<br>
<input type="checkbox" name="item" value="40" />Keyboard RM 40<br>
<input type="checkbox" name="item" value="30" />Glue RM 30<br>
<input type="checkbox" name="item" value="210" />Speaker RM 210<br>
<input type="checkbox" name="item" value="300" />Case RM 300<br>
<input type="checkbox" name="item" value="80" />Cable RM 80<br>
<input type="checkbox" name="item" value="110" />Extention RM 110<br>
<input type="checkbox" name="item" value="400" />Redmi RM400<br>
<p><input type="button" name="subbtn" value="Send" onclick="getprice();" /></p><br/>
<p id="totalprice"></p>
<p id="totalitem"></p>
<p id="newupdatep"></p>
<p id="smallestp"></p>
</form>关于javascript - 使用JavaScript获取复选框中值的最小值，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/42786826/
26
4
0
我在使用 Android 时遇到了一点问题。 我有我的 GPS 位置，明确的经纬度，以及以米为单位的搜索射线(例如 100 米)，可以吗？ 想象一下我在射线形成的圆心的位置，我会知道如何在 Andro
深夜的编程之旅 这是一个深夜，街头灯光昏暗，大部分人都已陷入梦乡。但对于我来说，这却是一个灵感迸发的时刻。窗外的星空仿佛在诉说着某种宇宙的密码，而键盘下的代码则是我解密这个宇宙的工具。 一个突如其来的
我将数据集结构定义为 struct Dataset: Hashable { var x: Double var y: Double } 然后是数组 var dataset: [Data
我在 Excel 文件中有一个摘要选项卡，需要查看应计选项卡才能找到 Max和 Min .我遇到的问题是有许多不同的位置/商品组合，我需要找到 Max和 Min基于位置/商品组合。位置和商品位于两个单
我有一个 Excel 表，其中包含两列感兴趣的年份和捐款。年份值为 2008,2009,2010 等... 我想获得 2009 年所有捐款中的最低金额。我试过了 MIN(IF(Year="2009",
到现在为止，我刚刚找到了为列表中多个数据帧中的列获取最大值的解决方案。 我已经将数据帧 df1, df2, df3, ..., dfn 存储在列表 dfList 中，我想获取列 df_ 的最大值$a
假设我有一个列名列表作为向量: vec=c("C1" , "C2" ,"C3"). 我知道这些列名来自数据框 df: df: C1 C2 C3 C4 C5 1 2 3 4 5 1 4
我需要计算大数组的最小值/最大值。我知道Math.max.apply() ，但在大型数组上，它会因堆栈溢出异常而失败。有什么简单的解决方案吗？ 最佳答案 使用 sort() 对数组进行排序方法它使用快
例如，我有一个像这样的模型: class Record(models.Model): name = CharField(...) price = IntegerField(...)
我正在编写一个用于测试听力的简单应用，并且正在使用Audiotrack生成纯音。因为它是用于测试听力的应用程序，所以我使用非常低的音量来播放这些音调。 要设置音量，我使用音轨的 setVolume(f
Example data set 对，上面是我的数据集子段图像的链接。它以 3 列为一组，第一个是浓度，第二个是限定值，最后一个是 MDL - 并持续最多 95 个 sample (因此总共 285
我想计算 df 的每 n 行的最小值/最大值，比如 10，但是使用 df.rolling(10).max() 给出第 0-9、1-10、2-11 行的值等。我想要 0-9、10-19、20-29 等
我被问到了关于 c# 的同样问题 here我发现通过使用 linq 你可以轻松地做到这一点。 但是既然 java 中的 linq 没有其他选择，我该如何简单地做到这一点呢？ 最佳答案 如果您想要类似于
我曾经使用过数组，并且知道如何对使用数值(double 和 int)的数组进行排序，但我必须使用字符串数组制作相同的应用程序。我的教授不允许我发挥“创造力”，也不允许我与其他可能有助于完成这项工作的静
我想知道通过这样的回溯获得某些事实的最大值(最年长的人)是否是个好主意: data(MaxID, MaxName, MaxAge), \+ (data(ID, Name, Age), ID \= Ma
我想计算 df 的每 n 行的最小值/最大值，比如 10，但是使用 df.rolling(10).max() 给出第 0-9、1-10、2-11 行的值等。我想要 0-9、10-19、20-29 等
我的数据如下所示: df <- tribble( ~A, ~B, 0.2, 0.1, 0.2, 0.3, 0.5, 0.1, 0.7, 0.9,
我有以下数据集 Date Category 2014-01-01 A 2014-01-02 A 2014-01-03 A 2014-01-04
我是使用 Python 进行数据分析的初学者，并且坚持以下几点: 我想使用广播/矢量化方法从各个列 (pandas.dataframe) 中找到最大值(value)。 我的数据框的快照如下: 最佳答案
C99 中是否有一个标准函数来使用给定的比较函数获取给定数组中的最小/最大元素。 类似: void* get_min(void* start,size_t size,size_t elementSiz
我是一名优秀的程序员,十分优秀！