今回は、クリックボタンのテキストを入力ボックスに変換する効果を実現する方法と、クリックボタンのテキストをテキストに変換するための注意点を説明します。入力ボックスに入力し、保存をクリックしてテキストに変換します。これは実際的なケースです。見てみましょう。
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta charset="utf-8">
<title>点击按钮文字变成input框，点击保存变成文字</title>
<style type="text/css">
table{ text-align: center; font-size: 14px;}
table>thead>tr>th{ font-weight: normal;}
.text-right{ padding-right:73px; text-align: right;}
.text{ width: 50px; height: 30px; border: 1px solid #ddd; text-align: center;}
</style>
<script type="text/javascript" src="js/jquery.min.js"></script>
</head>
<body>
<table>
<thead>
<tr>
<th width="400">品名</th>
<th width="200">件数</th>
</tr>
</thead>
<tbody>
<tr height="50">
<td>iPhone6s</td>
<td class="edit">2</td>
</tr>
<tr height="50">
<td>小米5</td>
<td class="edit">5</td>
</tr>
</tbody>
<tfoot>
<tr>
<td colspan="2" class="text-right">
<button type="button" class="btn" onclick="change(this)">修改</button>
</td>
</tr>
</tfoot>
</table>
<script type="text/javascript">
function change(obj){
var xg=$(obj).html();
if(xg=='修改'){
$('.edit').each(function(){
var old=$(this).html();
$(this).html("<input type='text' name='editname' class='text' value="+old+" >");
})
$(obj).html('保存');
}else if(xg=='保存'){
$('input[name=editname]').each(function(){
var old=$(this).html();
var newfont=$(this).parent('td').parent('tr').children().find('input').val();
$(this).parent('td').html(newfont);
})
$(obj).html('修改');
}
}
</script>
</body>
</html>これらの事例を読んだ後、あなたはその方法を習得したと思います。さらに興味深い情報については、php 中国語 Web サイトの他の関連記事に注目してください。
関連書籍:
モバイル Web ページのコンテンツをアダプティブにする方法
以上がボタンをクリックするとテキストが入力ボックスに変わり、保存をクリックするとテキストがテキストに変わる効果を実現する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
如何修复 Microsoft Teams 白屏Apr 17, 2023 pm 05:07 PM重新启动Microsoft团队如果您在启动Teams后出现空白屏幕，则一个很好的起点是重新启动应用程序本身。要关闭并重新启动MicrosoftTeams，请执行以下操作：右键单击任务栏通知区域中的Teams图标，然后从菜单中单击退出。从“开始”菜单或桌面快捷方式重新启动MicrosoftTeams并查看它是否有效。从任务管理器关闭MicrosoftTeams如果Teams进程的基本重新启动不起作用，请进入任务管理器并结束任务。要从任务管理器关闭Teams，请执行以下操作
什么是 Windows 安全按钮？所有你必须知道的Apr 13, 2023 pm 10:22 PMWindows 安全按钮是什么？顾名思义，Windows 安全按钮是一项安全功能，可让您安全地访问登录菜单并使用密码登录您的设备。 在这种情况下，智能手机绝对领先。但是 Windows 便携式设备（例如平板电脑）已经开始添加一个 Windows 安全按钮，它不仅仅是一种将不需要的用户拒之门外的方式。它还提供额外的登录菜单选项。尽管如果您试图在台式 PC 或笔记本电脑上找到 Windows 安全按钮，您可能会感到失望。这是为什么？平板电脑与个人电脑Windows 安全按钮是一个物理按钮，存在于平板
ppt怎么做圆形的图片和文字Mar 26, 2024 am 10:23 AM首先，在 PPT 中绘制一个圆圈，然后插入一个文本框，输入文字内容。最后，设置文本框的填充和轮廓为无，即可完成圆形图片和文字的制作。
如何重启、强制重启和关闭 iPad Mini 6Apr 29, 2023 pm 12:19 PM如何强制重启iPadMini6强制重启iPadMini6是通过一系列按钮按下来完成的，它的工作原理如下：按下并释放音量调高按下并释放降低音量按住电源/锁定按钮，直到您在屏幕上看到Apple标志，表明iPadMini已强制重启仅此而已，您已经强制重启了iPadMini6！强制重启通常用于故障排除原因，例如iPadMini被冻结、应用程序被冻结或发生其他一些一般性不当行为。关于强制重启第6代iPadMini的程序需要注意的一点是，对于所有其他具有超薄边框并使用
重写后：
如何解决 PS5 控制器在 Windows 11 上未被识别的问题May 09, 2023 pm 10:16 PM<h3>关于连接我的PS5控制器，我应该知道什么？</h3><p>与DualSense控制器一样好，有报告称控制器未连接或未被检测到。解决此问题的最简单方法是使用适当的USB电缆将控制器连接到您的PC。</p><p>有些游戏本身就支持DualSense。在这些情况下，您只需插入控制器即可。但这引发了其他问题，例如如果您没有USB电缆或不想使用USB电缆怎么办
word中怎么给文字加点？Mar 19, 2024 pm 08:04 PM我们在日常制作Word文档时,有时需要给文档中的某些文字下方加点,尤其是出试题的时候。来用于重点突出这部分内容,小编给大家分享下word中怎么给文字加点的技巧，希望能帮助到您。1.打开一个空白word文档。 2.举个例子比如给“如何给文字加点”几个字的下面加上点。 3.我们先把“如何给文字加点”几个字用鼠标左键选择了，注意以后你想给那个字加点就先用鼠标的左键选择哪个字。今天我们给这几个字都加点，所以几个字都选择了。选中这几个字后右击，在弹出来的功能框中点击字体。 4.然后就会出现一个这样的
如何清空 Microsoft Edge 浏览器的下载记录？Apr 21, 2023 am 09:34 AM<ul><li><strong>点击进入：</strong>ChatGPT工具插件导航大全</li></ul><h2>在Edge中查找和删除下载历史记录</h2><p>与其他浏览器一样，Edge有一个<strong>下载
如何在 Windows 11、10 中删除网络文件夹上的 Thumbs.db 文件Apr 13, 2023 pm 09:40 PMWindows 资源管理器在包含视频和图像文件的所有文件夹中创建一个名为Thumbs.db的隐藏系统文件。扩展名db代表数据库。所以Thumbs.db基本上是一个数据库文件，其中包含您正在查看的文件夹中的图像，但图像将是缩略图大小。即使您删除了这些文件，Windows 资源管理器也会再次创建它们。虽然这是增强系统性能和用户体验的一个很好的功能，但是当涉及到网络文件夹时，这可能会产生一些问题。在本文中，我们通过 2 种不同的方法解释了如何轻松禁用或删除Windows 11/10 中网络文件夹上的T
ホットAIツール
Undresser.AI Undress
リアルなヌード写真を作成する AI 搭載アプリ
AI Clothes Remover
写真から衣服を削除するオンライン AI ツール。
Undress AI Tool
脱衣画像を無料で
Clothoff.io
AI衣類リムーバー
AI Hentai Generator
AIヘンタイを無料で生成します。
人気の記事
ホットツール
ZendStudio 13.5.1 Mac
強力な PHP 統合開発環境
EditPlus 中国語クラック版
サイズが小さく、構文の強調表示、コード プロンプト機能はサポートされていません
MantisBT
Mantis は、製品の欠陥追跡を支援するために設計された、導入が簡単な Web ベースの欠陥追跡ツールです。 PHP、MySQL、Web サーバーが必要です。デモおよびホスティング サービスをチェックしてください。
SublimeText3 Linux 新バージョン
SublimeText3 Linux 最新バージョン
mPDF
mPDF は、UTF-8 でエンコードされた HTML から PDF ファイルを生成できる PHP ライブラリです。オリジナルの作者である Ian Back は、Web サイトから「オンザフライ」で PDF ファイルを出力し、さまざまな言語を処理するために mPDF を作成しました。 HTML2FPDF などのオリジナルのスクリプトよりも遅く、Unicode フォントを使用すると生成されるファイルが大きくなりますが、CSS スタイルなどをサポートし、多くの機能強化が施されています。 RTL (アラビア語とヘブライ語) や CJK (中国語、日本語、韓国語) を含むほぼすべての言語をサポートします。ネストされたブロックレベル要素 (P、DIV など) をサポートします。
ホットトピック
7442
15137152