A-A+

jquery入门-$.each 数组操作与表单操作代码

2016年01月07日 web前端设计 暂无评论 阅读 5 views 次

对于radio、checkbox、select的赋值操作,代码如下:

  1. $("input[name=a]").val(["娱乐1"]);   
  2. $("input[type=checkbox]").val(["篮球""游戏"]);   
  3. $("select").val(["篮球""游戏"]);  

代码分析:

对radio赋值,属性选择器获取radio;

对checkbox赋值,属性选择器获取checkbox,赋值用中括号[],如果是多个值的话中间用逗号隔开;

对select赋值,通过标签选择器获取select,

对于radio、checkbox、select的取值操作:

代码如下:

  1. var checkvalue = "";   
  2. var s = $("input[name=a]:checked").val();   
  3. $(":checkbox:checked").each(function() {   
  4. checkvalue += $(this).val();   
  5. });   
  6. var selectvalue = "";   
  7. $("select :selected").each(function() {   
  8. selectvalue += $(this).val();   
  9. });   
  10. alert("checkvalue:" + checkvalue + "radiovalue:" + s + "selectvalue:" + selectvalue);  

数组操作

首先是普通的数组(索引为整数的数组):

$.map(arr,fn);

对数组中的每个元素调用fn函数逐个进行处理,fn函数将处理返回最后得到的一个新的数组,代码如下:

  1. var arr = [9, 8, 7, 6, 5, 4, 3, 2, 1];   
  2. var newarr = $.map(arr, function(item) {return item*2 });   
  3. alert(newarr);  

$.each(array,fn)对数组array每个元素调用fn函数进行处理,没有返回值,代码如下:

  1. var arr = [9, 8, 7, 6, 5, 4, 3, 2, 1];   
  2. $.each(arr, function(key, value) { alert("key:" + key + "value:" + value); });  

还可以省略function的参数,这个时候this可以得到遍历的当前元素的值,代码如下:

  1. var arr = [9, 8, 7, 6, 5, 4, 3, 2, 1];   
  2. $.each(arr, function() { alert(this); });  

然后是索引为字符串的 键值对数组,针对这类数组,

一般采用$.each(array,fn)来操作,代码如下:

  1. var arr = { "jim""11""tom""12""lilei""13" };   
  2. $.each(arr, function(key, value) { alert("姓名:"+key+"年龄:"+value); });  
标签:

给我留言