首頁 > 開發者 > JavaScript
jQuery實現按一下滑鼠網頁文字後在文字框顯示的方法，jquery文字框
本文執行個體講述了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程式設計有所協助。
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
