Jquery从头学起第四讲

其实这一讲，本该在20天前就发布了，但因为某些原因，到今天才写。让各位54 淘客的网友等久了。

今天主要讲如何给主要的控件赋值，因为在做网站的时候，很多时候需要初始化表单，所有给控件赋值就成必然的了。今天主要讲的控件是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>

今天就讲到这，有问题可以到www.54talk.cn给我留言。更多内容，我都将会发布在www.54talk.cn 欢迎各位网友多提意见