编程 Javascript

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程序设计有所帮助。

- Author -

shichen2014

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

IE6弹出“已终止操作”的解决办法

Nov 27 Javascript

JS中处理与当前时间间隔的函数代码

May 23 Javascript

Js点击弹出下拉菜单效果实例

Aug 12 Javascript

javascript实现添加附件功能的方法

Nov 18 Javascript

vue.js父组件使用外部对象的方法示例

Apr 25 Javascript

jquery实现下拉菜单的手风琴效果

Jul 23 jQuery

使用express+multer实现node中的图片上传功能

Feb 02 Javascript

node.js中express模块创建服务器和http模块客户端发请求

Mar 06 Javascript

微信小程序实现获取小程序码和二维码java接口开发

Mar 29 Javascript

微信小程序实现图片上传

May 23 Javascript

浅谈Vue项目骨架屏注入实践

Aug 05 Javascript

vuex实现像调用模板方法一样调用Mutations方法

Nov 06 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