jQuery实现鼠标单击网页文字后在文本框显示
时间：
沈迪豪908由 分享
jQuery实现鼠标单击网页文字后在文本框显示
爱学习的小伙伴们，你们知道jQuery怎么实现鼠标单击网页文字后在文本框显示的方法吗?不知道的话跟着学习啦小编一起来学习jQuery怎么实现鼠标单击网页文字后在文本框显示。
jQuery实现鼠标单击网页文字后在文本框显示的具体方法
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 | <!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> |
猜你喜欢：
2.id调用js方法