jquery 获取Input 值

最新推荐文章于 2023-05-06 12:29:01 发布
最新推荐文章于 2023-05-06 12:29:01 发布
阅读量182 收藏
点赞数
分类专栏： JS 文章标签： javascript xhtml ViewUI
  1. <!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN"
  2. "http://www.w3.org/TR/xhtml1/DTD/xhtml>
  4. <htmlxmlns="http://www.w3.org/1999/xhtml">
  6. <head>
  7. <title>JQuery获取文本框的值</title>
  8. <metahttp-equiv="Content-Type"content="text/html;charset=gb2312"/>
  9. <scriptsrc="jquery-1.5.1.min.js"type="text/javascript"></script>
  11. <scripttype="text/javascript">
  12. //使用id的方式获取
  13. $(document).ready(function(){
  14. //1
  15. $("#button_text1").click(function(){
  16. varresult1=$("#input_text1").val();
  17. alert("result1="+result1);
  18. });
  19. //2
  20. $("#button_text2").click(function(){
  21. varresult2=$("input[id='input_text2']").val();
  22. alert("result2="+result2);
  23. });
  24. //3
  25. $("#button_text3").click(function(){
  26. varresult3=$("input[id='input_text3']").attr("value");
  27. alert("result3="+result3);
  28. });
  29. //4.可以通过type的值来获取input中的值（未演示）
  30. /*
  31. $("#button_text4").click(function(){
  32. varresult4=$("input[type='text']").val();
  33. alert("result4="+result4);
  34. });
  35. */
  36. //5.可以通过name的值来获取input中的值（未演示）
  37. /*
  38. $("#button_text5").click(function(){
  39. varresult5=$("input[name='text']").val();
  40. alert("result5="+result5);
  41. });
  42. */
  43. });
  44. </script>
  45. </head>
  47. <body>
  48. <!--获取文本框的值：方式一-->
  49. <divid="test1">
  50. <inputid="input_text1"type="text"value="test1"style="width:100px;"/>
  51. <buttonid="button_text1">test1</button>
  52. </div>
  53. <!--获取文本框的值：方式二-->
  54. <divid="test2">
  55. <inputid="input_text2"type="text"value="test2"style="width:100px;"/>
  56. <buttonid="button_text2">test2</button>
  57. </div>
  58. <!--获取文本框的值：方式三-->
  59. <divid="test3">
  60. <inputid="input_text3"type="text"value="test3"style="width:100px;"/>
  61. <buttonid="button_text3">test3</button>
  62. </div>
  63. </body>
wangran51
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
jquery获取input输入框中的值
10-16
如何用javascript获取input输入框中的值，js/jq通过name、id、class获取input输入框中的value。接下来本文通过代码讲解，需要的朋友参考下
jquery radio取值,checkbox取值,select取值,radio选中,checkbox选中,select选中,及其相关
shanlangwu的博客
11-04 492
jQuery 1.3.2版本下的jquery radio取值,checkbox取值,select取值,radio选中,checkbox选中,select选中,及其相关 设置 获取一组radio被选中项的值:var item = $('input[name=items][checked]').val();获取select被选中项的文本var item = $("select[@name=it...
jquery 获取input元素的值
dazhi_100的专栏
01-15 3509
随着Jquery的作用越来越大，使用的朋友也越来越多。在Web中，由于CheckBox、Radiobutton 、DropDownList等控件使用的频率比较高，就关系到这些控件在Jquery中的操作问题。由于Jquery的版本更新很快，代码的写法也改变了许多，以下Jquery代码适query1.4版本以上。 Radio 1.获取选中值，三种方法都可以： $('input:ra
jquery获取input里的值
LBOcean的博客
06-04 493
jquery获取input里的值 展示一下页面效果 以下是代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" conte
jquery获取input值
weixin_30655569的博客
04-12 80
今天一直很纠结，用jquery获取inout输入的值，一直都是undifined，因为好久没用了，就查api ,查资料，纠结了好久才找出原因。 贴下我的错误代码 function checkUserName(userName){var a=$("#userName").value; alert(a); } 最后找出原因， $("")是一个jquery对象，而不是一个DOM ele...
Jquery 获取input 值
03-24
以上就是通过 jQuery 获取和设置 input 类型（包括 radio 按钮、checkbox 和 select 下拉列表）值的一些常见方法和技巧。这些方法在实际开发中非常有用，可以帮助开发者更高效地处理用户输入数据。
jQuery获取及设置表单input各种类型值的方法小结
10-22
主要介绍了jQuery获取及设置表单input各种类型值的方法,总结分析了jQuery针对表单元素的各种常见操作技巧,非常简单实用,需要的朋友可以参考下
jQuery获取多种input值的简单实现方法
10-22
下面小编就为大家带来一篇jQuery获取多种input值的简单实现方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
jquery获得input的值
m0_68094390的博客
05-06 765
【代码】jquery获得input的值。
jquey 取值
fan578的专栏
11-16 178
01 jquery取radio单选按钮的值 02 $("input[name='items']:checked").val(); 03 jquery radio取值，checkbox取值，select取值，radio选中，checkbox选中，select选中，及其相关 04 获取一组radio被选中项的值 05 var item = $('input[...
jQuery获取input值
06-19 6510
jQuery获取Select选择的Text和Value: 语法解释： 1. $("#select_id").change(function(){//code...});   //为Select添加事件，当选择其中一项时触发 2. var checkText=$("#select_id").find("option:selected").text();  //获取Select选择的Text
【转载】 jquery 获取input输入框的值
LHYLZQLOVE的博客
05-11 2141
转载自：谷谷点程序 >>jquery 获取input输入框的值
jquery获取input类型的输入值之属性选择（与或非）
buzaishihaizi的博客
04-18 799
1、使用属性筛选 使用属性筛选后得到的是一个数组，所以想找到相对应的值，需要再次获取，使用get(index)或者[index]都可以，最后就刻获得想要的值了。例如获取CheckBox $("input[name='test']").get(0).checked 获取text.的值方法为： $("input[name='test']").get(0).value， 2、用id筛选，如获取...
jQuery获取input标签的值
wgp's blog
11-26 1041
今天在写项目的时候，由于js基础比较差所以在写js和jquery代码时出现了问题，感觉代码没什么问题，但是就是拿不到值，后来才发现问题，直接看代码！ html的代码 <form action="${ctx}/act/kdcjyy" method="post" name="maform" id="myform"> <ul class="form-list-box"> <li class="form-list">
jQuery获取input值的方法
热门推荐
hmwz0001的博客
02-19 1万+
获取input的checked值是否为true： 第一种： if($(“input[name=item][value=‘val’]”).attr(‘checked’)==true) //判断是否已经打勾 --注：name即控件name属性,value即控件value属性 第二种： 可以不指定属性值，因一组checkbox的value值都会保存其在数据库中对应的id，最好写成如下方式： if($(“input[name=row_checkbox]”).attr(‘checked’)==true) 第三
前端笔记-通过jQuery获取input数据及html中name的使用
IT1995的博客
03-01 6624
在前端开发中，使用表单会进行跳转，有时候并不需要这个的。这里通过jQuery，使用AJAX直接发送Json数据。 运行截图如下： 界面如下： 这里可以看到 div里面是group1，然后后面都是input1,input2等等。 并且有一个group2 name和上面group1一样。 通过这种方式，获取，如下，group1下的input[name=input1]的...
jquery获取input值的各种情况
weixin_30781433的博客
07-14 81
jQuery获取多种input值的方法 获取input的checked值是否为true： 第一种： if($("input[name=item][value='val']").attr('checked')==true) //推断是否已经打勾--注：name即控件name属性,value即控件value属性 另外一种： 能够不指定属性值。因一组...
使用jQuery实现点击提交按钮把input的内容提交到表单中
TL的博客
09-29 5137
使用jQuery首先需要导入相应的依赖文件 <script src="${pageContext.request.contextPath}/plugins/jQuery/jquery-2.2.3.min.js"></script> 表单界面：点击添加按钮实现把input中的内容添加到表单中 页面代码： <div clas...
jquery获取input的输入值
最新发布
09-11
要使用jQuery获取input输入框的值，可以使用以下方法： 1）通过id属性获取值：$(" #test ").val() 2）通过name属性获取值：$(" input[ name='test' ] ").val() 3）通过type属性获取值：$(" input[ type='text' ] ").val() 4）通过attr方法获取值：$(" input[ type='text' ]").attr("value") 其中，#test是input的id属性值，name='test'表示name属性值为test，type='text'表示type属性值为text。以上方法可以根据具体情况选择使用。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值