Jquery从头学起第四讲

it2024-08-07  63

作者:绝地苍狼

其实这一讲,本该在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  欢迎各位网友多提意见

转载于:https://www.cnblogs.com/_fyz/archive/2010/07/29/JQuery4.html

相关资源:数据结构—成绩单生成器
最新回复(0)