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

2019-11-20 12:32:58

字体：大中小

来源：转载

供稿：网友

本文实例讲述了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程序设计有所帮助。

上一篇：完美实现仿QQ空间评论回复特效

下一篇：js实现点击按钮后给Div图层设置随机背景颜色的方法