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 相关文章推荐
用 JavaScript 迁移目录
Dec 18 Javascript
很全的显示阴历(农历)日期的js代码
Jan 01 Javascript
jquery设置text的值示例(设置文本框 DIV 表单值)
Jan 06 Javascript
JavaScript保留两位小数的2个自定义函数
May 05 Javascript
JavaScript如何实现在文本框(密码框)输入提示语
Dec 25 Javascript
谈谈JavaScript数组常用方法总结
Jan 24 Javascript
JavaScript 数组的进化与性能分析
Sep 18 Javascript
Hexo已经看腻了,来手把手教你使用VuePress搭建个人博客
Apr 26 Javascript
jQuery模拟12306城市选择框功能简单实现方法示例
Aug 13 jQuery
vue移动端下拉刷新和上拉加载的实现代码
Sep 08 Javascript
highcharts.js数据绑定方式代码实例
Nov 13 Javascript
vant中的toast层级改变操作
Nov 04 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
java EJB 加密与解密原理的一个例子
2008/01/11 PHP
PHP 翻页 实例代码
2009/08/07 PHP
PHP随机数生成代码与使用实例分析
2011/04/08 PHP
php中用于检测一个地理IP地址是否可用的代码
2012/02/19 PHP
使用openssl实现rsa非对称加密算法示例
2014/01/24 PHP
php检测url是否存在的方法
2015/04/14 PHP
laravel中数据显示方法(默认值和下拉option默认选中)
2019/10/11 PHP
JS判断页面加载状态以及添加遮罩和缓冲动画的代码
2012/10/11 Javascript
JavaScript中DOM详解
2015/04/13 Javascript
jQuery获取页面及个元素高度、宽度的总结——超实用
2015/07/28 Javascript
Jquery代码实现图片轮播效果(一)
2015/08/12 Javascript
jQuery的选择器中的通配符[id^='code']或[name^='code']及jquery选择器总结
2015/12/24 Javascript
AngularJS实时获取并显示密码的方法
2018/02/06 Javascript
Vue进度条progressbar组件功能
2018/04/17 Javascript
vue 设置路由的登录权限的方法
2018/07/03 Javascript
Vue 重置组件到初始状态的方法示例
2018/10/10 Javascript
JS实现数组删除指定元素功能示例
2019/06/05 Javascript
Vue 同步异步存值取值实现案例
2020/08/05 Javascript
浅析VUE防抖与节流
2020/11/24 Vue.js
[03:17]史诗级大片应援2018DOTA2国际邀请赛 致敬每一位坚守遗迹的勇士
2018/07/20 DOTA
[02:04]完美世界城市挑战赛秋季赛报名开始 谁是solo路人王?
2019/10/10 DOTA
Python编程求解二叉树中和为某一值的路径代码示例
2018/01/04 Python
python3.6使用urllib完成下载的实例
2018/12/19 Python
python自动化测试之DDT数据驱动的实现代码
2019/07/23 Python
Django rest framework jwt的使用方法详解
2019/08/08 Python
Derek Rose官网:英国高档睡衣、家居服和内衣品牌
2020/01/18 全球购物
医院护理人员的自我评价分享
2013/10/04 职场文书
博士生入学考试推荐信
2013/11/17 职场文书
运动会广播稿80字
2014/01/23 职场文书
初一科学教学反思
2014/01/27 职场文书
宣传策划类求职信范文
2014/01/31 职场文书
2014年节能工作总结
2014/12/18 职场文书
2019年度行政文员工作计划范本!
2019/07/04 职场文书
教师节作文之小学四年级
2019/09/03 职场文书
一次线上mongo慢查询问题排查处理记录
2022/03/18 MongoDB
德生BCL3000抢先使用感受和评价
2022/04/07 无线电