zoukankan      html  css  js  c++  java
  • 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  欢迎各位网友多提意见

  • 相关阅读:
    oracle Constraint[相似 constraint使用方法总结 I]
    四个好看的CSS样式表格
    自己动手写操作系统--个人实践
    开机黑屏 仅仅显示鼠标 电脑黑屏 仅仅有鼠标 移动 [已成功解决]
    海量数据存储
    windows的定时任务设置
    人脸识别算法初次了解
    Java替代C语言的可能性
    二叉排序树
    海量数据处理面试题集锦
  • 原文地址:https://www.cnblogs.com/_fyz/p/JQuery4.html
Copyright © 2011-2022 走看看