jQuery实现鼠标单击网页文字后在文本框显示的方法


Posted in Javascript onMay 06, 2015

本文实例讲述了jQuery实现鼠标单击网页文字后在文本框显示的方法。分享给大家供大家参考。具体实现方法如下:

<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script src="js/jquery.min.js" type="text/javascript"></script>
</head>
<body>
<ul>
<li>张三</li>
<li>李四</li>
<li>王五</li>
<li>赵六</li>
</ul>
<table width="200" border="1" cellspacing="0" cellpadding="0">
 <tr>
  <td>选择</td>
  <td>姓名</td>
 </tr>
 <tr>
  <td><input type="checkbox" name="checkbox" value="1" /></td>
  <td><input type="text" name="username" value="" /></td>
 </tr>
 <tr>
  <td><input type="checkbox" name="checkbox" value="1" /></td>
  <td><input type="text" name="username" value="" /></td>
 </tr>
 <tr>
  <td><input type="checkbox" name="checkbox" value="1" /></td>
  <td><input type="text" name="username" value="" /></td>
 </tr>
</table>
<script>
$("ul li").click(function(){
var text = $(this).text();
$("input").val("");
$("input:checked").parents("td").siblings("td").children("input").val(text);
})
</script>
</body>
</html>

希望本文所述对大家的jQuery程序设计有所帮助。

Javascript 相关文章推荐
jquery1.83 之前所有与异步列队相关的模块详细介绍
Nov 13 Javascript
js 3种归并操作的实例代码
Oct 30 Javascript
JavaScript 实现鼠标拖动元素实例代码
Feb 24 Javascript
JS点击链接后慢慢展开隐藏着图片的方法
Feb 17 Javascript
jQuery手机拨号界面特效代码分享
Aug 27 Javascript
利用jQuery实现漂亮的圆形进度条倒计时插件
Sep 30 Javascript
AngularJs 60分钟入门基础教程
Apr 03 Javascript
BootStrap点击下拉菜单项后显示一个新的输入框实现代码
May 16 Javascript
ES6 javascript的异步操作实例详解
Oct 30 Javascript
详解ES6中的三种异步解决方案
Jun 28 Javascript
vue cli使用融云实现聊天功能的实例代码
Apr 19 Javascript
vue实现点击追加选中样式效果
Nov 01 Javascript
js实现点击按钮后给Div图层设置随机背景颜色的方法
May 06 #Javascript
JS实现CheckBox复选框全选全不选功能
May 06 #Javascript
javascript使用avalon绑定实现checkbox全选
May 06 #Javascript
js实现滑动触屏事件监听的方法
May 05 #Javascript
JS根据生日算年龄的方法
May 05 #Javascript
js改变Iframe中Src的方法
May 05 #Javascript
js网页滚动条滚动事件实例分析
May 05 #Javascript
You might like
做一个有下拉功能的留言版
2006/10/09 PHP
php读取msn上的用户信息类
2008/12/05 PHP
php 动态添加记录
2009/03/10 PHP
PHP 抓取新浪读书频道的小说并生成txt电子书的代码
2009/12/18 PHP
浅析Yii中使用RBAC的完全指南(用户角色权限控制)
2013/06/20 PHP
关于PHP模板Smarty的初级使用方法以及心得分享
2013/06/21 PHP
浅析php中json_encode()和json_decode()
2014/05/25 PHP
自定义session存储机制避免会话保持问题
2014/10/08 PHP
PHP如何获取当前主机、域名、网址、路径、端口等参数
2017/06/09 PHP
php使用flock阻塞写入文件和非阻塞写入文件的实例讲解
2017/07/10 PHP
JavaScript随机排序(随即出牌)
2010/09/17 Javascript
javascript上传图片前预览图片兼容大多数浏览器
2013/10/25 Javascript
JS与Ajax Get和Post在使用上的区别实例详解
2016/06/08 Javascript
JavaScript判断是否是微信浏览器
2016/06/13 Javascript
jQuery实现checkbox列表的全选、反选功能
2016/11/24 Javascript
JavaScript中transform实现数字翻页效果
2017/03/08 Javascript
微信小程序 仿美团分类菜单 swiper分类菜单
2017/04/12 Javascript
Angular 如何使用第三方库的方法
2018/04/18 Javascript
node.js爬取中关村的在线电瓶车信息
2018/11/13 Javascript
Node.js API详解之 dgram模块用法实例分析
2020/06/05 Javascript
[03:09]显微镜下的DOTA2第一期——带你走进华丽的DOTA2世界
2014/06/20 DOTA
基于scrapy实现的简单蜘蛛采集程序
2015/04/17 Python
Python实现多级目录压缩与解压文件的方法
2018/09/01 Python
python opencv调用笔记本摄像头
2019/08/28 Python
Python基于正则表达式实现计算器功能
2020/07/13 Python
Python中Yield的基本用法
2020/10/18 Python
个人素质的自我评价分享
2013/12/16 职场文书
税务会计岗位职责
2014/02/18 职场文书
群众路线个人对照检查材料
2014/09/23 职场文书
保证书格式
2015/01/16 职场文书
2015年国际护士节演讲稿
2015/03/18 职场文书
初中语文教师研修日志
2015/11/13 职场文书
《桂花雨》教学反思
2016/02/19 职场文书
Python anaconda安装库命令详解
2021/10/16 Python
IDEA 2022 Translation 未知错误 翻译文档失败
2022/04/24 Java/Android
详解Mysq MVCC多版本的并发控制
2022/04/29 MySQL