Javascript 如何使用id获取多个复选框值

我有一个带有不同值的复选框列表

<input type="checkbox" value="55" id="myId">
<input type="checkbox" value="65" id="myId">
<input type="checkbox" value="75" id="myId">
<input type="checkbox" value="85" id="myId">
<input type="checkbox" value="95" id="myId">

---

运行时，仅加载

55

值，如-：

55,55,55,55

属性

id

应是唯一的。可以使用数组而不是字符串变量。然后，只需根据复选框状态添加或删除项目：

var x=[]；
$（“输入[type='checkbox']”）。更改（函数（）{
如果（选中此项）{
x、 推（这个值）；
}
否则{
var指数=x.indexOf（该值）；
x、 拼接（索引1）；
}
log（x.join（'，'）；
});

55
65
75
85
95属性
id
应该是唯一的。可以使用数组而不是字符串变量。然后，只需根据复选框状态添加或删除项目：


var x=[]；
$（“输入[type='checkbox']”）。更改（函数（）{
如果（选中此项）{
x、 推（这个值）；
}
否则{
var指数=x.indexOf（该值）；
x、 拼接（索引1）；
}
log（x.join（'，'）；
});

55
65
75
85
95
如果选择顺序不重要，是否可以每次更改新数组的检查值

字符串连接方法不考虑取消选中以前选中的输入


$（':checkbox'）。更改（函数（）{
var VAL=$（'：复选框：选中'）。映射（函数（）{
返回此.value
}).get（）
console.log（vals.join（））
})
//插入值作为演示的文本
.wrap（函数（）{
返回$（''，{text:this.value}）
})
如果选择顺序不重要，则每次更改时是否都可以将选中的值添加到新数组中

字符串连接方法不考虑取消选中以前选中的输入


$（':checkbox'）。更改（函数（）{
var VAL=$（'：复选框：选中'）。映射（函数（）{
返回此.value
}).get（）
console.log（vals.join（））
})
//插入值作为演示的文本
.wrap（函数（）{
返回$（''，{text:this.value}）
})
首先，不要在页面上使用多个相同的id，id在整个页面上应该是唯一的，请尝试使用数据属性


$（“输入[type='checkbox']）。更改（函数（）{
var x=“”；
$（“[data id=myId]”）。每个（函数（）{
如果（选中此项）{
x=x+$（this）.val（）+“，”；
}
});
控制台日志（x）；
});
首先，不要在页面上使用多个相同的id，id在整个页面上应该是唯一的，请尝试使用数据属性


$（“输入[type='checkbox']）。更改（函数（）{
var x=“”；
$（“[data id=myId]”）。每个（函数（）{
如果（选中此项）{
x=x+$（this）.val（）+“，”；
}
});
控制台日志（x）；
});

pop（this.value）
有什么用？pop（）不使用参数pop不是这样工作的。它总是删除数组中与
pop（this.value）
一起的最后一个元素？pop（）不使用参数pop不是这样工作的。它总是删除数组中的最后一个元素，或者使用
name=“myarray[]”
而不是id。或者使用
name=“myarray[]”
而不是id。可能重复的
var x = "";
$("input[type='checkbox']").change(fucntion(){ 
   if(this.checked){
     x = x+","+x;
   }
});