jQuery学习笔记---获取表单值(Input Checkbox ListBox But

来源:网络 责任编辑:栏目编辑 发表时间:2013-07-01 11:49 点击:

 

1.关于jquery获取input的value问题              

$("")是一个jquery对象,而不是一个dom element

value是dom element的属性

jquery与之对应的是val

val() :获得第一个匹配元素的当前值。

val(val):设置每一个匹配元素的值。

所以,代码应该这样写:

取值:val = $("#id")[0].value;

赋值:

$("#id")[0].value =  "new value";

或者$("#id").val("new value");

 

或者这样也可以:val = $("#id").attr("value");

 

 

1.    <html> 

2.    <head> 

3.    <title>jquery简单例子yanleigis Email:landgis@126.com </title>  

4.    <script type="text/javascript" src="jquery.js" ></script>  

5.    <SCRIPT LANGUAGE="JavaScript">    

6.    $(document).ready(function() {    

7.         

8.        $("#cylok").click(function() {  //只能使用id,前加# yanleigis Email:landgis@126.com  

9.          alert("Hello world cylok!");    

10.       }); 

11.         $("#ylok").click(function() {    

12.         alert("Hello world ylok!");    

13.       }); 

14.         $("a").click(function() {    

15.         alert("Hello world!");    

16.       });    

17.    

18.       $("#add6").click(function(){     

19.           alert("Hello world add!"); 

20.          });    

21.          

22.      $("#yltxt").bind("change",function(){    

23.          

24.         $("#yltxt")[0].value="yanlegis ok1";//方式一 

25.          alert("方式二获得值:"+$("#yltxt").attr("value"));  

26.         $("#yltxt").val("yanlegis ok2");//方法二 

27.          alert("方式二获得值:"+$("#yltxt")[0].value);  

28.         //$("#yltxt").attr("value")="yanlegis ok3";//方法三 

29.     

30.            

31.       });    

32.    

33.    

34.   }); 

35.   </SCRIPT>    

36.   </head>  

37.   <body>  

38.    

39.   <p> 

40.      <input ty

    相关新闻>>

      发表评论
      请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
      用户名: 验证码:点击我更换图片
      最新评论 更多>>

      推荐热点

      • Gb2312转utf-8编码的方法(vbs+js)
      • 如何使用Ajax技术开发Web应用程序(1)
      • js跳转路径问题
      • JavaScript模仿桌面窗口
      • 用js检测两个线段是否相交
      • 我知道的JavaScript -- 设计模式(桥接)应用之 – 验证器
      • 运用JavaScript构建你的第一个Metro式应用程序(on Windows
      • 我是如何去了解jquery的(六),案例之幻灯片轮换
      • Jquery封装幻灯片效果
      网站首页 - 友情链接 - 网站地图 - TAG标签 - RSS订阅 - 内容搜索
      Copyright © 2008-2015 计算机技术学习交流网. 版权所有

      豫ICP备11007008号-1