星空网 > 软件开发 > 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/

 




原标题:jQuery利用name属性获取表单元素

关键词:jquery

*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。

Bulk Product Edit by Hextom:https://www.goluckyvip.com/tag/16718.html
bullet points:https://www.goluckyvip.com/tag/16719.html
自然搜索:https://www.goluckyvip.com/tag/1672.html
Bulletproof:https://www.goluckyvip.com/tag/16720.html
BULQ:https://www.goluckyvip.com/tag/16722.html
Bulu Box:https://www.goluckyvip.com/tag/16723.html
TikTok 将推出先买后付服务 :https://www.kjdsnews.com/a/1836651.html
TikTok 将推出先买后付服务 :https://www.goluckyvip.com/news/188219.html
相关文章
我的浏览记录
最新相关资讯
海外公司注册 | 跨境电商服务平台 | 深圳旅行社 | 东南亚物流