Jquery从头学起第四讲 jquery入门教程
Jquery从头学起第四讲 jquery入门教程
发布时间:2016-12-30 来源:查字典编辑
摘要:今天主要讲的控件是radio,select,input,Label,Literal。这边服务器控件讲的比较少,主要是因为服务器控件一来可以在...

今天主要讲的控件是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>

<>

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 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 type="text" id="ipt" />

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

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

</div>

</form>

</body>

</html>

推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
相关阅读
网友关注
最新Javascript教程学习
热门Javascript教程学习
编程开发子分类