1. 程式人生 > >JS/jQuery獲取所有checkbox已選中的值

JS/jQuery獲取所有checkbox已選中的值

一、使用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>