<p class="shu_ck"> <em class="cc_sub"id="cc_sub" >-</em> <input type="number" class="gnum c_pt" id ="gnumCpt" value="1"/><em class="cc_add" id="cc_add">+</em> </p><p class="shu_ck"> <em class="cc_sub"id="cc_sub" >-</em> <input type="number" class="gnum c_pt" id ="gnumCpt" value="1"/><em class="cc_add" id="cc_add">+</em> </p>减不能小于1,并实现乘除算法输出结果在一个标签里。 <span class="ca_jg">¥13500.00</span> <div class="jfooter" id="jfooter"> <p class="ck_btn ck_btnon" id="ckall">全选</p> <a href="javascript:;" onClick="jiesuan()" class="c_jie">去结算<em id="car_nums">(3)</em></a> <div class="fc_rb"> <p>共计:<b class="red f10">¥</b><b class="f14" id="count">148000</b></p> <p class="fc_je">总额:¥<em id="c_gprice">148000</em>,优惠¥<em id="c_jian">0</em></p> </div> </div> <p class="shu_ck"> <em class="cc_sub"id="cc_sub" >-</em> <input type="number" class="gnum c_pt" id ="gnumCpt" value="1"/> <em class="cc_add" id="cc_add">+</em> </p> <div class="jfooter" id="jfooter"> <p class="ck_btn ck_btnon" id="ckall">全选</p> <a href="javascript:;" onclick="jiesuan()" class="c_jie">去结算<em id="car_nums">(2)</em></a> <div class="fc_rb"> <p>共计:<b class="red f10">¥</b><b class="f14" id="count">{{goods_price}}</b></p> <p class="fc_je">总额:¥<em id="c_gprice">179000</em>,优惠¥<em id="c_jian">0</em></p> </div> </div> 并将idw为gnumCpt的value值乘class为ca_jg的数,显示在b标签id为count里
时间: 2023-07-19 10:22:40 浏览: 111
你想让我帮你实现一个 JavaScript 的功能,根据你提供的 HTML 代码,我可以理解你需要实现以下功能:
1. 对于每个 class 为 gnumCpt 的输入框,禁止输入小于 1 的值。
2. 实现乘除算法,将 class 为 ca_jg 的数乘以 id 为 gnumCpt 的值,并将结果显示在 b 标签 id 为 count 里。
那么,你可以尝试以下代码实现:
```javascript
// 获取所有 class 为 gnumCpt 的输入框
const inputs = document.querySelectorAll('.gnum.c_pt');
// 对每个输入框添加事件监听
inputs.forEach(input => {
input.addEventListener('change', () => {
// 如果输入框的值小于 1,则重置为 1
if (input.value < 1) {
input.value = 1;
}
// 获取 class 为 ca_jg 的数
const price = document.querySelector('.ca_jg').innerText;
// 去除前面的 ¥ 符号,并转换为数字
const num = Number(price.replace('¥', ''));
// 计算乘法结果,并将结果显示在 id 为 count 的 b 标签里
const result = num * input.value;
document.querySelector('#count').innerText = result;
});
});
```
注意,在你的 HTML 代码中,有两个相同的 id 为 jfooter 的元素,这是不合法的,应该避免使用相同的 id。此外,你提供的 HTML 代码片段不完整,缺少一些必要的标签和元素,为了让代码能够正常运行,你需要添加缺失的部分。
阅读全文