jquery怎样获取多个复选框的值?
Posted 核电站
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了jquery怎样获取多个复选框的值?相关的知识,希望对你有一定的参考价值。
jquery的遍历方法可以获取复选框所欲的选中值
1
2
|
$( "input:checkbox:checked" ).each( function (index,element)); // 为所有选中的复选框执行函数,函数体中可以取出每个复选框的值 $( "input:checkbox:checked" ).map( function (index,domElement)); // 将所有选中的复选框通过函数返回值生成新的jQuery 对象 |
实例演示:点击按钮获取checkbox的选中值
-
创建Html元素
12345678<
div
class
=
"box"
>
<
span
>点击按钮获取checkbox的选中值:</
span
>
<
div
class
=
"content"
>
<
input
type
=
‘checkbox‘
name
=
‘message‘
value
=
‘1‘
/>发送短信
<
input
type
=
‘checkbox‘
name
=
‘message‘
value
=
‘2‘
/>发送邮件
</
div
>
<
input
type
=
"button"
value
=
"提交"
>
</
div
>
-
设置css样式
123div.box{
width
:
300px
;
padding
:
20px
;
margin
:
20px
;
border
:
4px
dashed
#ccc
;}
div.content{
width
:
250px
;
margin
:
10px
0
;
padding
:
20px
;
border
:
2px
solid
#ff6666
;}
-
编写jquery代码
12345678$(
function
(){
$(
"input:button"
).click(
function
() {
text = $(
"input:checkbox[name=‘message‘]:checked"
).map(
function
(index,elem) {
return
$(elem).val();
}).get().join(
‘,‘
);
alert(
"选中的checkbox的值为:"
+text);
});
});
-
观察效果
以上是关于jquery怎样获取多个复选框的值?的主要内容,如果未能解决你的问题,请参考以下文章