爱程序网

jQuery利用name属性获取表单元素

来源: 阅读:

jQuery利用name属性获取表单元素:
name属性是表单元素的必要属性,所以通过name属性获取表单元素也是常用的方式,下面就通过代码实例介绍一下如何实现此功能,代码如下:

 

function getValues_ByName() { 
  var order = []; 
  $("[name=chkbox_id]:checked").each(function () { 
    order.push($(this).val()); 
  }); 
  var values = order.join(','); 
  if (values == "") { 
    alert("选项不能为空!"); 
    return; 
  } 
  else { 
    alert(values); 
  } 
}

 

以上是一个代码片段,下面对代码做一下注释,就以复选框为例。
一.代码注释:
1.function getValues_ByName() {},此函数可以通过name属性值对表单进行相关操作。
2.var order = [],声明一个数组用于存放选中的复选框的value属性值。
3.$("[name=chkbox_id]:checked").each(function () { }),获取name属性值为"chkbox_id"且被选中的元素,然后以每一个被选中的复选框框为上下文进行相关操作。
4.order.push($(this).val()),将选中的值放入数组。
5.var values = order.join(','),使用逗号将数组中的元素连接成字符串。
6.if (values == "") {alert("选项不能为空!"); return; } ,如果为空字符串,弹出提示并跳出函数。
7. else {alert(values); } ,否则的话弹出选中项的值。
二.相关阅读:
1.[name=chkbox_id]可以参阅jQuery的[attribute=value]选择器jQuery的:checked选择器一章节。
2.each()函数可以参阅jQuery的each()方法一章节。  
3.push()函数可以参阅javascript的Array对象的push()方法一章节。
4.val()函数可以参阅jQuery的val()方法一章节。   
5.join()函数可以参阅javascript的Array对象的join()方法一章节。 

原文地址是:http://www.softwhy.com/forum.php?mod=viewthread&tid=12284

更多内容可以参阅:http://www.softwhy.com/jquery/

 

关于爱程序网 - 联系我们 - 广告服务 - 友情链接 - 网站地图 - 版权声明 - 人才招聘 - 帮助