Javascript (); //显示结果 var divobj=document.getElementById（'totalPrice'）； divobj.style.display='block'； divobj.innerHTML=“比萨饼总价”+比萨饼价格； } 函数hideTotal（）{ var divobj=document.getElementById（'totalPrice'）； divobj.style.display='none'； } 做你的比萨饼！ 比萨饼的大小 小比萨饼7英寸（4英镑） 圆形的 大型11英寸（6英镑） 圆形的 中段15英寸（8英镑） 圆形的 萨库塞 选择Sacuce 恩佐经典酱汁（1英镑） 辣番茄（1英镑） 基础 选择基准 瘦小而粗糙（1英镑） 深底锅（1英镑） 填充外壳（1英镑） 奶酪 精选奶酪 马苏里拉（1英镑） 减少脂肪（1英镑）

数据属性在这两方面都能很好地工作

计算总数 在收音机、复选框和选项上使用

数据价格

：

<form id="my-form">
  <input type="radio" data-price="100" name="radio">Add 1GBP
  <input type="radio" data-price="200" name="radio">Add 2GBP

  <select>
    <option>Select something</option>
    <option data-price="300">Add 3GB</option>
    <option data-price="400">Add 4GB</option>
  </select>
</form>

Total: <span id="my-total"></span>

限制复选框 使用

data max check

定义给定容器中可选中的最大复选框数：

<div data-max-check="4">
  <input type="checkbox">
  <input type="checkbox">...

演示

---

您可以在这里看到这两种方法的作用：

数据属性可以很好地用于这两种目的

计算总数 在收音机、复选框和选项上使用

数据价格

：

<form id="my-form">
  <input type="radio" data-price="100" name="radio">Add 1GBP
  <input type="radio" data-price="200" name="radio">Add 2GBP

  <select>
    <option>Select something</option>
    <option data-price="300">Add 3GB</option>
    <option data-price="400">Add 4GB</option>
  </select>
</form>

Total: <span id="my-total"></span>

限制复选框 使用

data max check

定义给定容器中可选中的最大复选框数：

<div data-max-check="4">
  <input type="checkbox">
  <input type="checkbox">...

演示

---

您可以在此处看到这两个选项的作用：

请检查“sauce”和“medium”的拼写。此外，您的第一块代码包含不必要的空格

和换行符。请检查“sauce”和“medium”的拼写。此外，您的第一块代码包含不必要的空格

和换行符。这不支持十进制value.您能否修改您的答案，该答案支持属性中的十进制值。@acmsohail使用单位（例如，

123

而不是

1.23

）要容易得多和除以100仅用于显示目的。我不建议使用此除以选项，因为它会混淆许多其他场景。是否有其他方法使用数据属性中的十进制值并计算总数？请help@acmsohail建议使用除法并广泛使用。这不支持十进制值。您能修改吗请验证您的答案，该答案支持属性中的十进制值。@acmsohail使用单位（例如，

123

而不是

1.23

）要容易得多和除以100仅用于显示目的。我不建议使用此除以选项，因为它会混淆许多其他场景。是否有其他方法使用数据属性中的十进制值并计算总数？请help@acmsohail建议采用分割法并广泛使用。