jquery map方法使用示例
来源:互联网 发布:卸载软件快捷键 编辑:程序博客网 时间:2024/04/29 08:06
jquery的map方法非常好用,其作用是将数组或单个对象,替换为新的内容 感觉jquery的map方法非常好用。
方法作用:将数组或单个对象,替换为新的内容。
应用实例:获取一组checkbox的值,以英文逗号分隔,进行拼接。
对于CSDN的代码编辑,实在不敢恭维,我在jsFiddle创建了上述例子,附链接:http://jsfiddle.net/dV8eh/。
方法作用:将数组或单个对象,替换为新的内容。
应用实例:获取一组checkbox的值,以英文逗号分隔,进行拼接。
复制代码代码如下:
<html>
<head>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.5.1.min.js"></script>
<script>
$(function(){
$("input").click(function(){
var str = $(":checked").map(function(){
return this.value;
}).get().join(",")
$("span").html(str);
})
}) www.jbxue.com
</script>
</head>
<body>
<input type="checkbox" value="a"/>a
<input type="checkbox" value="b"/>b
<input type="checkbox" value="c"/>c
<br/>
结果展示:<span/>
</body>
</html>
<head>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.5.1.min.js"></script>
<script>
$(function(){
$("input").click(function(){
var str = $(":checked").map(function(){
return this.value;
}).get().join(",")
$("span").html(str);
})
}) www.jbxue.com
</script>
</head>
<body>
<input type="checkbox" value="a"/>a
<input type="checkbox" value="b"/>b
<input type="checkbox" value="c"/>c
<br/>
结果展示:<span/>
</body>
</html>
对于CSDN的代码编辑,实在不敢恭维,我在jsFiddle创建了上述例子,附链接:http://jsfiddle.net/dV8eh/。
0 0
- jquery map方法使用示例
- STL Map使用示例
- jquery map方法
- jQuery 遍历 - map() 方法
- 【jQuery 遍历】 - map() 方法
- jQuery 遍历 - map() 方法
- jQuery map() 方法
- jQuery中map()方法
- JQuery jsonp 使用示例
- jquery easyui 使用示例
- Jquery datatable使用示例
- 【Map使用】Map基本方法
- jquery查找元素方法示例
- jQuery中map()方法和each()方法
- JQuery jsonp 使用示例代码
- jQuery ajax的使用示例
- jquery的autocomplete使用示例
- jquery ui autocomplete使用示例
- Partition List -- LeetCode
- 机器学习简介
- 人工智能简介
- LeetCode(Search in Rotated Sorted Array)
- 相似图片搜索的原理
- jquery map方法使用示例
- js cookie的读写操作
- Linux Find命令使用方法举例
- 课程回顾
- JDK配置顺序
- 个人软件路在何方?
- VM-ware下Ubuntu 12.04开发安卓环境搭建
- 下载博客文章并自动转换成pdf保存到本地
- 可用的技术