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方法