jQuery实现鼠标单击网页文字后在文本框显示的方法
2015-05-06 09:21
1026 查看
本文实例讲述了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程序设计有所帮助。
您可能感兴趣的文章:
- jQuery实现鼠标经过时出现隐藏层文字链接的方法
- jQuery实现表单input中提示文字value随鼠标焦点移进移出而显示或隐藏的代码
- jquery实现仿新浪微博带动画效果弹出层代码(可关闭、可拖动)
- jQuery实现仿新浪微博浮动的消息提示框(可智能定位)
- jquery实现仿新浪微博评论滚动效果
- jQuery模拟新浪微博首页滚动效果的方法
- 仿新浪微博返回顶部的jquery实现代码
- 基于JQuery的类似新浪微博展示信息效果的代码
- 基于jQuery的模仿新浪微博时间的组件
- 基于jquery的内容循环滚动小模块(仿新浪微博未登录首页滚动微博显示)
- 简单易用的基于jQuery版仿新浪微博向下滚动效果(附DEMO)
- Jquery与JS两种方法仿twitter/新浪微博 高度自适应无缝滚动实现代码
- jQuery实现鼠标选文字发新浪微博的方法
相关文章推荐
- jQuery实现鼠标单击网页文字后在文本框显示的方法
- 实现网页文本框显示灰色提示文字且点击后消失的一个小函数(基于jquery)
- 鼠标移到某个字上显示出一个文本框(prototype实现方法)
- jQuery-focus()和blur()方法-文本框单击字体消失及移开灰色显示 学习笔记七
- jQuery-focus()和blur()方法-文本框单击字体消失及移开灰色显示
- 基于JQuery实现鼠标点击文本框显示隐藏提示文本
- JQuery实现鼠标点击文本框显示隐藏提示文本
- jquery 实现超出部分隐藏,鼠标移动上显示全部文字
- jQuery实现表单input中提示文字value随鼠标焦点移进移出而显示或隐藏的代码
- jquery 实现超出部分隐藏,鼠标移动上显示全部文字 .
- jquery 实现超出部分隐藏,鼠标移动上显示全部文字
- jQuery实现鼠标悬停显示提示信息窗口的方法
- jQuery实现鼠标悬停显示提示信息窗口的方法
- js实现键盘上下左右键选择文字并显示在文本框的方法
- js实现键盘上下左右键选择文字并显示在文本框的方法
- JQuery实现鼠标移动图片显示描述层的方法
- JQuery实现鼠标移动图片显示描述层的方法
- jQuery实现鼠标滑向当前图片高亮显示并且其它图片变灰的方法
- jQuery实现鼠标滑向当前图片高亮显示并且其它图片变灰的方法
- jQuery实现高亮显示网页关键词的方法