帮我写一个js代码,用4个相同的p标签,要求点击id为cc_sub减少id为gnum c_p的input标签t的value值1,点击cc_add增加id为gnum c_pt的值1
时间: 2024-02-13 16:02:03 浏览: 34
可以尝试以下代码:
```javascript
// 获取需要修改的 input 标签
const numInput = document.querySelector('#gnum.c_p input[type="number"]');
const ptInput = document.querySelector('#gnum.c_pt input[type="number"]');
// 获取加减按钮
const addBtn = document.querySelector('#cc_add');
const subBtn = document.querySelector('#cc_sub');
// 给按钮绑定点击事件
addBtn.addEventListener('click', () => {
ptInput.value = Number(ptInput.value) + 1;
});
subBtn.addEventListener('click', () => {
numInput.value = Number(numInput.value) - 1;
});
```
需要注意的是,这段代码假设 HTML 中已经存在了对应的元素,并且 ID 和 class 名称都正确。如果没有的话需要根据实际情况进行修改。
相关问题
帮我写一个js代码,用多个相同的div,要求点击id为cc_sub减少id为gnum c_pt的value值1,点击cc_add增加id为gnum c_pt的值1
可以使用以下代码实现:
```html
<!-- HTML代码 -->
<div>
<button id="cc_sub">-</button>
<input type="text" id="gnum" value="0">
<button id="cc_add">+</button>
</div>
```
```javascript
// JS代码
const ccSubBtn = document.getElementById('cc_sub');
const ccAddBtn = document.getElementById('cc_add');
const gnumInput = document.getElementById('gnum');
ccSubBtn.addEventListener('click', () => {
gnumInput.value = parseInt(gnumInput.value) - 1;
});
ccAddBtn.addEventListener('click', () => {
gnumInput.value = parseInt(gnumInput.value) + 1;
});
```
注意,这里只是一个示例,如果需要使用多个相同的div,可以在HTML代码中复制多个相同结构的div,并分别为它们设置不同的id值即可。
<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
好的,如果你需要在点击减按钮时判断当前 input 的值是否小于等于 1,如果小于等于 1 就不允许再减的话,可以使用以下代码:
```javascript
// 获取需要修改的 input 标签列表
const numInputs = document.querySelectorAll('.gnum.c_pt');
// 获取加减按钮列表
const addBtns = document.querySelectorAll('.cc_add');
const subBtns = document.querySelectorAll('.cc_sub');
// 给按钮列表绑定点击事件
for (let i = 0; i < addBtns.length; i++) {
addBtns[i].addEventListener('click', () => {
numInputs[i].value = Number(numInputs[i].value) + 1;
});
subBtns[i].addEventListener('click', () => {
if (Number(numInputs[i].value) > 1) {
numInputs[i].value = Number(numInputs[i].value) - 1;
}
});
}
```
这段代码与之前的代码唯一的区别是在减按钮的点击事件处理函数中加了一个判断:只有当当前 input 的值大于 1 时才允许减。如果当前值小于等于 1 的话,就不做任何操作。