0
点赞
收藏
分享

微信扫一扫

jQuery:通过name获取div下的input的六种方法

1kesou 2022-09-12 阅读 82


1.获取input值 的6种方法:

1. ​​<!doctype html>​​
2. ​​<html>​​
3. ​​<head>​​
4. ​​<meta http-equiv="Content-Type" content="text/html; charset=utf-8">​​
5. ​​<title>测试页面</title>​​
6. ​​<script type="text/javascript" src="jquery.js"></script>​​
7. ​​</head>​​
8. ​​<body>​​
9. ​​<div id="gjdiv" class="gjc">​​
10. ​​<input type="hidden" id="title" name="gj" value="113"/>​​
11. ​​<input type="hidden" id="brief" name="gj" value="df"/>​​
12. ​​<input type="hidden" id="content" name="gj" value="sg"/>​​
13. ​​</div>​​
14.
15. ​​<script>​​
16. ​​$(document).ready(function(){​​
17. ​​var param0 = $("input[name='gj']").val();​​
18. ​​console.log("param0:"+param0);​​
19.
20. ​​var param1 = $(".gjc input[name='gj']").val();​​
21. ​​console.log("param1:"+param1);​​
22.
23. ​​var param2 = $("#gjdiv input[name='gj']").val();​​
24. ​​console.log("param2:"+param2);​​
25.
26. ​​var param3 = $("div input[name='gj']").val();​​
27. ​​console.log("param3:"+param3);​​
28.
29. ​​var param4 = $("#gjdiv>input[name='gj']").val();​​
30. ​​console.log("param4:"+param4);​​
31.
32. ​​var param5 = $("#gjdiv :input[name='gj']").val();​​
33. ​​console.log("param5:"+param5);​​
34.
35. ​​console.log("stringify():"+JSON.stringify(param0));​​
36. ​​//console.log(JSON.parse(param));​​
37.
38. ​​})​​
39.
40. ​​</script>​​
41. ​​</body>​​
42. ​​</html>​​
结果:
获取的都是第一个input的值。
2.将input值序列化:
1. ​​<!doctype html>​​
2. ​​<html>​​
3. ​​<head>​​
4. ​​<meta http-equiv="Content-Type" cnotallow="text/html; charset=utf-8">​​
5. ​​<title>测试页面</title>​​
6. ​​<script type="text/javascript" src="jquery.js"></script>​​
7. ​​</head>​​
8. ​​<body>​​
9. ​​<div id="gjdiv" class="gjc">​​
10. ​​<input type="hidden" id="title" name="gj" value="113"/>​​
11. ​​<input type="hidden" id="brief" name="gj" value="df"/>​​
12. ​​<input type="hidden" id="content" name="gj" value="sg"/>​​
13. ​​</div>​​
14.
15. ​​<script>​​
16. ​​$(document).ready(function(){​​
17. ​​var param0 = $("input[name='gj']").serialize();​​
18. ​​console.log("param0:"+param0);​​
19.
20. ​​var param1 = $(".gjc input[name='gj']").serialize();​​
21. ​​console.log("param1:"+param1);​​
22.
23. ​​var param2 = $("#gjdiv input[name='gj']").serialize();​​
24. ​​console.log("param2:"+param2);​​
25.
26. ​​var param3 = $("div input[name='gj']").serialize();​​
27. ​​console.log("param3:"+param3);​​
28.
29. ​​var param4 = $("#gjdiv>input[name='gj']").serialize();​​
30. ​​console.log("param4:"+param4);​​
31.
32. ​​var param5 = $("#gjdiv :input[name='gj']").serialize();​​
33. ​​console.log("param5:"+param5);​​
34.
35. ​​console.log("stringify():"+JSON.stringify(param0));​​
36. ​​//console.log(JSON.parse(param));​​
37.
38. ​​})​​
39.
40. ​​</script>​​
41. ​​</body>​​
42. ​​</html>​​

结果:

jQuery:通过name获取div下的input的六种方法_html


举报

相关推荐

0 条评论