JS/jQuery獲取所有checkbox已選中的值
阿新 • • 發佈:2019-02-15
一、使用jQuery
程式碼如下:
var array="";
$("input:checkbox[name='"+name+"']:checked").each(function(i){
if(0==i){
array=$(this).val();
}else{
array+=(","+$(this).val());
}
});
alert(array);
二、使用JS
程式碼如下:
<input type="checkbox" name="color" id="" value="紅">紅 <input type="checkbox" name="color" id="" value="黃">黃 <input type="checkbox" name="color" id="" value="藍">藍 <input type="checkbox" name="color" id="" value="綠">綠 <hr> <input type="button" value="點選" id="but"> <script> document.getElementById("but").onclick=function(){ var ele=document.getElementsByName("color"); var val=""; for(var item of ele){ (item.checked==true)&&(val+=item.value) } console.log(val); } </script>