在js中怎样获得checkbox里选中的多个值?
来源:互联网 发布:怎样修改mac地址 编辑:程序博客网 时间:2024/06/06 02:02
思路:利用name属性值获取checkbox对象,然后循环判断checked属性(true表示被选中,false表示未选中)。下面进行实例演示:
1、HTML结构
1
2
3
4
5
6
<
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、javascript代码
1
2
3
4
5
6
7
8
9
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、演示效果
阅读全文
1 0
- 在js中怎样获得checkbox里选中的多个值?
- 在js中怎样获得checkbox里选中的多个值?
- 在js中怎样获得checkbox里选中的多个值
- 在js中怎样获得checkbox里选中的多个值?
- 在JS中获得checkbox选中值及input后面的文本
- 在 Struts2 的 Action 中获得选中的 checkbox 的 value
- js获得checkbox选中值及input后面的文本
- 在js中获取input check里选中的值
- 在gridview中获取选中的CheckBox
- 使用递归方法获得TreeView中CheckBox选中的节点
- js获得radio、checkbox、select选中值
- js中checkbox处理,js获得checkbox
- jq实现checkbox全选中以及获得选中的checkbox的值
- jq实现checkbox全选中以及获得选中的checkbox的值
- jq实现checkbox全选中以及获得选中的checkbox的值
- 【JavaWeb】获得选中的checkbox的value
- 获得选中的checkbox的value
- jquery获得checkbox是否选中的状态
- 文章标题
- 第一次js课
- python---pickle使用
- 关于公式对齐的排版
- weex采坑之旅(一)初识weex
- 在js中怎样获得checkbox里选中的多个值?
- XWPFDocument读取word并修改发送
- Swift装饰者模式
- EIGRP协议配置
- mysql 替换字符串
- [项目实训]6.8 contest的add功能最终完成
- php 字符串压缩
- 从高考到程序员
- 放在HTML里的哪一部分JavaScripts会在页面加载时被执行?