複選框點選選中獲取值
阿新 • • 發佈:2018-11-14
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);
});