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


Posted in Javascript onAugust 01, 2010

今天主要讲的控件是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>
Javascript 相关文章推荐
JavaScript Event学习补遗 addEventSimple
Feb 11 Javascript
鼠标右击事件代码(asp.net后台)
Jan 27 Javascript
JQUERY的属性选择符和自定义选择符使用方法(二)
Apr 07 Javascript
JavaScript NodeTree导航栏(菜单项JSON类型/自制)
Feb 01 Javascript
Javascript倒计时页面跳转实例小结
Sep 11 Javascript
JavaScript实现星级评分
Jan 12 Javascript
Kotlin学习第一步 kotlin语法特性
May 25 Javascript
jQuery实现表格冻结顶栏效果
Aug 20 jQuery
利用ES6实现单例模式及其应用详解
Dec 09 Javascript
微信小程序身份证验证方法实现详解
Jun 28 Javascript
微信小程序点击滚动到指定位置的实现
May 22 Javascript
Vue的v-model的几种修饰符.lazy,.number和.trim的用法说明
Aug 05 Javascript
关于jquery动态增减控件的一些想法和小插件
Aug 01 #Javascript
jQuery的实现原理的模拟代码 -2 数据部分
Aug 01 #Javascript
jQuery的实现原理的模拟代码 -1 核心部分
Aug 01 #Javascript
jQuery validate 中文API 附validate.js中文api手册
Jul 31 #Javascript
jQuery对象[0]是什么含义?
Jul 31 #Javascript
动态调用CSS文件的JS代码
Jul 29 #Javascript
date.parse在IE和FF中的区别
Jul 29 #Javascript
You might like
9段PHP实用功能的代码推荐
2014/10/14 PHP
cakephp常见知识点汇总
2017/02/24 PHP
laravel 去掉index.php伪静态的操作方法
2019/10/12 PHP
firefox下对ajax的onreadystatechange的支持情况分析
2009/12/14 Javascript
Extjs Ext.MessageBox.confirm 确认对话框详解
2010/04/02 Javascript
利用jquery操作select下拉列表框的代码
2010/06/04 Javascript
理解Javascript_03_javascript全局观
2010/10/11 Javascript
jQuery编写widget的一些技巧分享
2010/10/28 Javascript
javascript中创建对象的三种常用方法
2010/12/30 Javascript
SuperSlide2实现图片滚动特效
2014/06/20 Javascript
javascript实现避免页面按钮重复提交
2015/01/08 Javascript
jQuery使用after()方法在元素后面添加多项内容的方法
2015/03/26 Javascript
用js编写的简单的计算器代码程序
2015/08/04 Javascript
jQuery实现鼠标经过弹出提示信息的地图热点效果
2015/08/07 Javascript
DIV随滚动条滚动而滚动的实现代码【推荐】
2016/04/12 Javascript
js流动式效果显示当前系统时间
2016/05/16 Javascript
node.js实现快速截图
2016/08/27 Javascript
原生js仿jquery一些常用方法(必看篇)
2016/09/20 Javascript
jQuery表格的维护和删除操作
2017/02/03 Javascript
浅谈Angular4中常用管道
2017/09/27 Javascript
vue项目中使用scss的方法步骤
2019/05/16 Javascript
layui 弹出层值回传解决方式
2019/11/14 Javascript
[14:24]Optic Gaming vs PSG LGD BO3
2018/06/07 DOTA
Python定义二叉树及4种遍历方法实例详解
2018/07/05 Python
学习Django知识点分享
2019/09/11 Python
Django 框架模型操作入门教程
2019/11/05 Python
Pycharm安装第三方库失败解决方案
2020/11/17 Python
澳大利亚鞋仓库:Shoe Warehouse
2019/07/25 全球购物
印度电子产品购物网站:Vijay Sales
2021/02/16 全球购物
销售高级职员求职信
2013/10/29 职场文书
会计岗位职责模板
2014/03/12 职场文书
公司介绍信范文
2015/01/31 职场文书
创建文明城市倡议书
2015/04/28 职场文书
2015年平安创建工作总结
2015/04/29 职场文书
爱的教育观后感
2015/06/17 职场文书
我家女友可不止可爱呢 公开OP主题曲无字幕动画MV
2022/04/11 日漫