1. 程式人生 > >複選框點選選中獲取值

複選框點選選中獲取值

1.HTML結構

<ul>
			<li>
				<input id="a1" type="checkbox" name="chk_art" value="it1">
				<label for="a1">IT1</label>
			</li>
			<li>
				<input id="a2" type="checkbox" name="chk_art" value="it2">
				<label for="a2">IT2</label>
			</li>
			<li>
				<input id="a3" type="checkbox" name="chk_art" value="it3">
				<label for="a3">IT3</label>
			</li>
</ul>

2.jquery

	$("input:checkbox").click(function(){
		
		let chk_values = [];
		
		$("input[name='chk_art']:checked").each(function(){
			chk_values.push($(this).val());
		})

		console.log(chk_values);
	});