Jquery从头学起第四讲 jquery入门教程

  今天主要讲的控件是radio,select,input,Label,Literal。这边服务器控件讲的比较少,主要是因为服务器控件一来可以在后台赋值,其次服务器控件在解析后也是也是html控件

  在平时写程序的时候,给radio赋值最头痛了。今天把这些控件的赋值做成DEMO,跟大家一起分享。

  

复制代码 代码如下:

  <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Jquery4.aspx.cs" Inherits="JQuery_1.Jquery4" %>

  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

  <html xmlns="http://www.w3.org/1999/xhtml" >

  <head runat="server">

  <title>JQuery给控件赋值 www.54talk.cn</title>

  <script type="text/javascript" src="JS/jquery-1.3.2.min.js"></script>

  <script type="text/javascript">

  $(document).ready(function() {

  alert("aa");

  var v1 = "2";

  var v2 = "2";

  var v3 = "abc";

  var v4 = "lab";

  var v5 = "lit";

  $("input[name='rdo'][value=1]").attr("checked", true);

  //这里的input 后面不能有空格,如果有空格,则不能赋值

  //value后面不用引号

  $("#s1").val(v2);

  $("#ipt").val(v3);

  $("#lab1").text(v4);

  //这里必须是html或者text如果用val()这不能显示任何内容

  $("#lit1").html(v5);

  //这里不能显示任何东西,因为Literal在客户端不会解析成任何标签

  //这里特意拿出来就是为了提醒大家

  //<span></span>标签和Label是一样的

  });

  </script>

  </head>

  <body>

  <form id="form1" runat="server">

  <div>

  <!--radio-->

  a<input type="radio" name="rdo" id="r1" value="0" />

  b<input type="radio" name="rdo" id="r2" value="1" />

  c<input type="radio" name="rdo" id="r3" value="2" />

  <!--select-->

  <select id="s1">

  <option value="0">11</option>

  <option value="1" selected="selected">22</option>

  <option value="2">33</option>

  <option value="3">44</option>

  </select>

  <!--input-->

  <input type="text" id="ipt" />

  <asp:Label ID="lab1" runat="server"></asp:Label>

  <asp:Literal ID="lit1" runat="server"></asp:Literal>

  </div>

  </form>

  </body>

  </html>