如何在数字框中显示复选框和下拉列表的乘积
how to display the product of checkbox and dropdown list in number box
这是我的目录代码。要显示复选框的值乘以下拉列表的值,并将产品输出到。只使用html和javascript代码。
<table align=center border=1>
<tr colspan=3>
<td colspan=3><h2>Specialty Cakes</h2></td>
</tr>
<tr>
<td><img src=special'blackforest_small.jpg valign=center-right><br><center>Black Forest</td>
<td>Chocolate sponge layered with sugar syrup and Kirsch flavouring, white mousse and dark sweet cherries.</td>
<td><input type="checkbox" id="check1" name="check1" value="550.00"onclick="product1()">Buy P550.00</input><br><input type="number" id="total1" name="total1" value="P0.00"size="8"></input><br>
QTY: <select id="qty1" name="qty1" onchange="product1()">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
</select>
</td>
</tr>
</table>
<script>
var m = document.getElementById("check1").checked;
function product1(){
var x = document.getElementById("check1").value;
var y = document.getElementById("qty1").value;
var z = 0;
if (m = true){
z = "P" + x * y;
}
document.getElementById("total1").value = z;
}
</script>
您的输入id total1为type=数字,但您为其分配了一个P0.00的文本值。将其类型更改为文本,它就会工作,或者给它一个数值。
相关文章:
- HTML 下拉列表所选值
- 如何通过单击唯一按钮保存下拉菜单/复选框菜单选项和占位符值
- 下拉列表单选取消选择
- 待办事项列表复选框编号逻辑
- 语义 UI 下拉列表所选文本和值似乎很奇怪
- 选中下拉 AND 复选框中的特定值时如何切换文本
- 使用“下拉列表多选复选框”(jquery)创建动态表
- 下拉列表和文本框逻辑
- 基于下拉列表和文本框访问带字符串的变量
- 下拉列表和文本框上的googlemapapi代码
- 有没有一种方法可以允许只有在输入了数据的情况下才标记复选框
- PHP根据下拉列表在文本框中获取子数组的值
- 在jquery中未激发列表复选框更改事件
- 如何在未选中子复选框的情况下选中主复选框
- 在这种情况下如何处理复选框
- 下拉与复选框不起作用
- 默认情况下取消选中复选框
- Javascript /jquery-如何确定列表/复选框是否允许选择多个值
- 如何根据javascript中选择单选按钮的下拉列表在文本框中显示相应的值
- 通过下拉更改复选框颜色