cari

Rumah >hujung hadapan web >tutorial js >jQuery melaksanakan kaedah memaparkan teks dalam kotak teks selepas tetikus mengklik pada halaman web

jQuery melaksanakan kaedah memaparkan teks dalam kotak teks selepas tetikus mengklik pada halaman web

PHPz
PHPzasal
2016-05-16 16:00:471588semak imbas

Artikel ini terutamanya memperkenalkan kaedah jQuery untuk memaparkan teks dalam kotak teks selepas tetikus mengklik pada halaman web Ia boleh mencapai kesan memaparkan teks yang sepadan dalam kotak teks di bawah tanda semak dengan mengklik tetikus pada teks di atas. Ia melibatkan acara tetikus jQuery dan Rakan yang memerlukan kemahiran berkaitan operasi rantaian boleh merujuk kepada 

<!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>

[Tutorial berkaitan disyorkan]

1. Tutorial video JavaScript
2 Manual Dalam Talian JavaScript
3 tutorial bootstrap

Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：Gunakan JS untuk melaksanakan kesan balasan ulasan ruang QQ dengan sempurnaArtikel seterusnya：Gunakan JS untuk melaksanakan kesan balasan ulasan ruang QQ dengan sempurna

Artikel berkaitan

Lihat lagi