思路:利用name屬性值獲取checkbox對象,然后循環判斷checked屬性(true表示被選中,false表示未選中)。下面進行實例演示:
1.html中展示:
<
input
type
=
"checkbox"
name
=
"test"
value
=
"1"
/><
span
>1</
span
>
<
input
type
=
"checkbox"
name
=
"test"
value
=
"2"
/><
span
>2</
span
>
<
input
type
=
"checkbox"
name
=
"test"
value
=
"3"
/><
span
>3</
span
>
<
input
type
=
"checkbox"
name
=
"test"
value
=
"4"
/><
span
>4</
span
>
<
input
type
=
"checkbox"
name
=
"test"
value
=
"5"
/><
span
>5</
span
>
<
input
type
=
'button'
value
=
'提交'
onclick
=
"fun()"
/>
2.js中實現:
function
fun(){
obj = document.getElementsByName(
"test"
);
check_val = [];
for
(k
in
obj){
if
(obj[k].checked)
check_val.push(obj[k].value);
}
alert(check_val);
}
3.動態圖演示:
