文档章节

用jq编写一个小的表单

南瓜一号
 南瓜一号
发布于 2016/12/06 16:33
字数 325
阅读 4
收藏 0

今天是来到公司的第9天,师父给我布置了一个小的demo,说以后用的着。需求:让我用jq编写一个表单,然后用js编写样式。作为一个web的菜鸟,啥也不会,很焦虑。在w3c中找了很久,才找到一个相似的demo。然后照着样式,把代码给填了上去。`<html> <head> <script src="jquery-1.8.3.min.js"></script><!-- 引入js文件的方式--> <script src="userinfo.js"></script> <script> function xingMin(){ var value=userinfo.username;

document.getElementById("xingmin").value=value;  	
}		
function age(){
var value=userinfo.age;<!--这里将json中取到的值赋给value变量,再通过获取id赋给他-->
document.getElementById("age").value=value;<!--这里getelementbyid是指定 ID 的第一个对象的引用-->
alert(userinfo.age);<!--这里是链接json数组中的age选项,表示链接。如果这行代码删除的话,那么点击事件,就不会跳出弹框。-->
}		
</script>
</head>
<body>
    <div> hehe simida </div>
    <div> <button>点击后赋值</button>
	    <table>
		     <tr>
			    <td>姓名</td>
			    <td>    </td>
			    <td>年龄</td>
				<td>    </td>
				<td>性别</td>
				<td>    </td>
			 </tr>
		</table>
	</div>
	<div>
	<input  id ="xingmin" value=""/> <a href="#" onclick="xingMin()"> 点击获取姓名</a>
    <input id ="age" value=""/> <a href="#" onclick="age()" > 点击获取年龄</a><!--这里用到一个href=“#”会把网页刷新给关掉,就不会再点击事件的同时,刷新网页-->
    </div>		
</body>

</html>` ![不带alert样式](https://static.oschina.net/uploads/img/201612/06163535_YZBO.png "在这里输入图片标题")![带alert样式](https://static.oschina.net/uploads/img/201612/06163630_Wb6u.png "在这里输入图片标题")

© 著作权归作者所有

共有 人打赏支持
南瓜一号
粉丝 1
博文 10
码字总数 2998
作品 0
扬州
程序员
JavaWeb05-HTML篇笔记(一)

1.1上次课内容回顾: JQuery: JQuery的概述:是一个轻量级的JavaScript的类库.对JS进行封装. 常见的JS的框架: JQuery的使用: JQuery的选择器:(*) JQuery实现效果: JQuery样式操作: JQuer...

我是小谷粒
05/10
0
0
jQuery学习笔记(二)

jQ变成过程 1,引入jQ的js文件 2,使用选择器定位要操作的节点 调用jQ的方法进行操作 jQ对象 为了解决浏览器兼容问题而解决的提供一种统一封装后的对象描述 jq提供的方法都是jQ特有的,而且大...

weixin_36171533
2017/12/03
0
0
js表单验证的问题,jquery.validate问题

js进行表单验证 目前我们使用的是jq的validate插件 但是该插件遇到了一个问题 在验证类似于 name="user[]"的这个重复表单 就是一个表单中有多个名字为user[]的input输入框 这种表单 只需要输...

1514582970
2016/03/22
99
0
JQ工具集--J-LibTool

J-libtool是一款WEB前端开发 JQ工具集 提供BOX弹出层,ajax表单提交,input默认值,Cookie存取,前端验证码 等诸多功能. J-libtool 开发模式并非传统的jq插件方法,有自己独立的功能模块,如果...

木然
2013/07/22
990
0
Struts2解决文件上传后,返回的json数据成下载

如果表单中没有包含文件上传,那么在IE8下jq就可以成功接收到json数据。 如果表单中有

ui(
2013/03/08
2.2K
7

没有更多内容

加载失败,请刷新页面

加载更多

CentOS7防火墙firewalld操作

firewalld Linux上新用的防火墙软件,跟iptables差不多的工具。 firewall-cmd 是 firewalld 的字符界面管理工具,firewalld是CentOS7的一大特性,最大的好处有两个:支持动态更新,不用重启服...

dingdayu
30分钟前
0
0
关于组件化的最初步

一个工程可能会有多个版本,有国际版、国内版、还有针对各种不同的渠道化的打包版本、这个属于我们日常经常见到的打包差异化版本需求。 而对于工程的开发,比如以前的公司,分成了有三大块业...

DannyCoder
42分钟前
1
0
Spring的Resttemplate发送带header的post请求

private HttpHeaders getJsonHeader() { HttpHeaders headers = new HttpHeaders(); MediaType type = MediaType.parseMediaType("application/json; charset=UTF-8"); ......

qiang123
昨天
2
0
Spring Cloud Gateway 之 Only one connection receive subscriber allowed

都说Spring Cloud Gateway好,我也来试试,可是配置了总是报下面这个错误: java.lang.IllegalStateException: Only one connection receive subscriber allowed. 困扰了我几天的问题,原来...

ThinkGem
昨天
25
0
学习设计模式——观察者模式

1. 认识观察者模式 1. 定义:定义对象之间一种一对多的依赖关系,当一个对象状态发生变化时,依赖该对象的其他对象都会得到通知并进行相应的变化。 2. 组织结构: Subject:目标对象类,会被...

江左煤郎
昨天
2
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部