jquery的遍历方法可以获取复选框所欲的选中值
来源:互联网 发布:软件产品类别是什么 编辑:程序博客网 时间:2024/06/06 01:24
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.box>span{
color
:
#999
;
font-style
:
italic
;}
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);
});
});
观察效果
阅读全文
0 0
- jquery的遍历方法可以获取复选框所欲的选中值
- jQuery获取选中复选框的值
- jquery获取复选框选中的值
- js获取所选中复选框的值s
- jQuery遍历复选框打印选中的值
- jquery 遍历被选中复选框的值
- jQuery获取复选框选中的个数
- jQuery获取选中的复选框
- jquery遍历选中或者未选中的复选框
- jquery 选中(获取)复选框、下拉框的值
- Jquery获取单选框与复选框选中的值
- JQuery获取单选框或者复选框选中的值
- JS jQuery分别获取选中的复选框值
- jQuery分别获取选中的复选框值
- jquery获取复选框被选中的值
- jquery获取复选框被选中的值
- js 获取复选框被选中的值 jquery
- jQuery——获取复选框被选中的值
- 浅谈程序猿简历的写法,你会如何写你的简历呢?
- HDU1023 Train Problem 卡特兰数
- 使用JetBrains IntelliJ IDEA创建Jython项目:环境配置与代码示例
- windows bat命令
- 并发使用的时机
- jquery的遍历方法可以获取复选框所欲的选中值
- py-faster-rcnn详解(5)——stage1_rpn_train.pt说明
- JDK内置工具使用
- 手机端弹出层弹出后,下面禁止滑动
- RxJava2.x使用以及操作符详解
- PAT (Advanced Level) Practise 1112 Stucked Keyboard (20)
- hql查询多条记录,结果都是重复第一条记录
- sql基础语句01
- 深入SpringMVC