你的位置:首页 > Java教程

[Java教程]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/