jQuery實現(xiàn)鼠標單擊網頁文字后在文本框顯示的方法
更新時間：2015年05月06日 09:21:51 投稿：shichen2014
這篇文章主要介紹了jQuery實現(xiàn)鼠標單擊網頁文字后在文本框顯示的方法,可實現(xiàn)鼠標點擊上方文字即可在下方勾選處文本框顯示對應文字的效果,涉及jQuery鼠標事件及鏈式操作的相關技巧,需要的朋友可以參考下
本文實例講述了jQuery實現(xiàn)鼠標單擊網頁文字后在文本框顯示的方法。分享給大家供大家參考。具體實現(xiàn)方法如下：
<!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程序設計有所幫助。
您可能感興趣的文章:
- JS獲取鼠標選中的文字
- js實現(xiàn)鼠標懸停圖片上時滾動文字說明的方法
- js實現(xiàn)文字垂直滾動和鼠標懸停效果
- js實現(xiàn)鼠標滑過文字鏈接色彩變化的效果
- jQuery實現(xiàn)表單input中提示文字value隨鼠標焦點移進移出而顯示或隱藏的代碼
- jQuery實現(xiàn)鼠標經過時出現(xiàn)隱藏層文字鏈接的方法
- jQuery實現(xiàn)鼠標選中文字后彈出提示窗口效果【附demo源碼】
- 一個有意思的鼠標點擊文字特效jquery代碼
- jQuery+css3實現(xiàn)文字跟隨鼠標的上下抖動
- jQuery實現(xiàn)鼠標選文字發(fā)新浪微博的方法
- javascript（基于jQuery）實現(xiàn)鼠標獲取選中的文字示例【測試可用】
相關文章
validate是一個基于Jquery的表單驗證插件，利用他的remote可以用來自定義遠程驗證，這篇文章主要介紹了JQuery validate插件Remote用法大全的相關資料,需要的朋友可以參考下2016-05-05
這篇文章主要介紹了jQuery實現(xiàn)在列表的首行添加數據的方法，十分的簡單，有需要的小伙伴可以參考下。2015-05-05
將數據提交到saveReport（form的action指向）頁面，但是頁面又不進行跳轉，即保持當前頁面不變呢？利用jquery的ajaxSubmit函數以及form的onsubmit函數完成2013-09-09
jquery中各個事件執(zhí)行順序如下,使用jquery $.ajax的朋友可以參考下。2010-10-10
Jquery+Ajax+xml實現(xiàn)中國地區(qū)選擇三級聯(lián)動菜單效果(推薦)
下面小編就為大家?guī)硪黄狫query+Ajax+xml實現(xiàn)中國地區(qū)選擇三級聯(lián)動菜單效果(推薦)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-06-06
jQuery實現(xiàn)通過方向鍵控制div塊上下左右移動的方法【測試可用】
這篇文章主要介紹了jQuery實現(xiàn)通過方向鍵控制div塊上下左右移動的方法,涉及jQuery結合鍵盤事件響應動態(tài)修改頁面元素屬性相關操作技巧,需要的朋友可以參考下2018-04-04
jQuery常用樣式操作實例分析(獲取、設置、追加、刪除、判斷等)
這篇文章主要介紹了jQuery常用樣式操作,結合實例形式分析了jQuery針對頁面元素樣式的獲取、設置、追加、刪除、判斷等操作方法,需要的朋友可以參考下2016-09-09
jQuery源碼分析-02正則表達式 RegExp 常用正則表達式
在網上找到一篇廣為流傳的文章《常用正則表達式》，逐一分析，不足地方進行補充和糾正2011-11-11
這篇文章主要為大家詳細介紹了jquery實現(xiàn)iPhone、Android設備判斷方法,具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-09-09
這篇文章主要介紹了使用jquery實現(xiàn)的鼠標拖動排序Li或Table,需要的朋友可以參考下2014-05-05