So implementieren Sie die Reset-Funktion in JavaScript-js-Tutorial-php.cn

Heim

Web-Frontend

js-Tutorial

So implementieren Sie die Reset-Funktion in JavaScript

王林

Nov 09, 2021 pm 03:37 PM

javascript 重置

JavaScript-Methode zum Implementieren der Reset-Funktion: [$(document).on('click','.dealFlowSelectedBox_bntBox_left',function(){ $('.dealFlowSelectedBox_...].

So implementieren Sie die Reset-Funktion in JavaScript

Die Betriebsumgebung dieses Artikels: Windows10-System, JavaScript 1.8.5, Thinkpad T480-Computer

Der spezifische Code für JavaScript zum Implementieren der Reset-Funktion lautet wie folgt:

HTML-Code:

<body>
<!--头部-->
<div class="mui-content">
	<div class="headerBox">
		<a href="javascript:history.go(-1);" class="fanhuiBnt">
			<img src="../img/dealFlow/fanhui.png" />
		</a>
		筛选条件
	</div>
	<div class="dealFlowSelectedBox">
		<div class="dealFlowSelectedBox_title">
			<em></em>
			<span>支付方式</span>
		</div>
		<div class="dealFlowSelectedBox_contBox">
			<a href="javascript:void(0);" class="dealFlowSelectedBox_payment active"><img src="../img/dealFlow/quanbu.png" />全部</a>
			<a href="javascript:void(0);" class="dealFlowSelectedBox_payment "><img src="../img/signing/zhifubao.png" />支付宝收款</a>
			<a href="javascript:void(0);" class="dealFlowSelectedBox_payment "><img src="../img/signing/weixin.png" />微信收款</a>
		</div>
	</div>
	<div class="dealFlowSelectedBox_line"></div>
	<div class="dealFlowSelectedBox">
		<div class="dealFlowSelectedBox_title">
			<em></em>
			<span>证件资料</span>
		</div>
		<div class="dealFlowSelectedBox_contBox">
			<a href="javascript:void(0);" class="dealFlowSelectedBox_certificate active">全部</a>
			<a href="javascript:void(0);" class="dealFlowSelectedBox_certificate ">收款成功</a>
			<a href="javascript:void(0);" class="dealFlowSelectedBox_certificate ">退款成功</a>
			<a href="javascript:void(0);" class="dealFlowSelectedBox_certificate ">收款失败</a>
		</div>
	</div>
	<div class="dealFlowSelectedBox_line"></div>
	<div class="dealFlowSelectedBox" style="padding: 0;">
		<div class="dealFlowSelectedBox_title" style="margin: 0 0.24rem;width: calc(100% - 0.24rem);">
			<em></em>
			<span>交易时间</span>
		</div>
		<ul class="dealFlowSelectedBox_timeBox">
			<li>
				<span>开始时间</span>
				<input type="text" id="starDate" name="starDate" value="" placeholder="请选择开始日期" readonly="readonly" />
				<img src="../img/index/index_xyjt.png" />
			</li>
			<li>
				<span>结束时间</span>
				<input type="text" id="endDate" name="endDate" value="" placeholder="请选择结束日期" readonly="readonly" />
				<img src="../img/index/index_xyjt.png" />
			</li>
		</ul>
	</div>
	<div class="dealFlowSelectedBox_bntBox">
		<a href="javascript:void(0);" class="dealFlowSelectedBox_bntBox_left">重置</a>
		<a href="javascript:void(0);" class="dealFlowSelectedBox_bntBox_right">确定</a>
	</div>
</div>
 
</body>

Nach dem Login kopieren

JS-Code:

<script type="text/javascript">
$(document).on(&#39;click&#39;,&#39;.dealFlowSelectedBox_bntBox_left&#39;,function(){
	$(&#39;.dealFlowSelectedBox_payment&#39;).removeClass(&#39;active&#39;);
	$(&#39;.dealFlowSelectedBox_certificate&#39;).removeClass(&#39;active&#39;);
	$(&#39;.dealFlowSelectedBox_payment&#39;).first().addClass(&#39;active&#39;);
	$(&#39;.dealFlowSelectedBox_certificate&#39;).first().addClass(&#39;active&#39;);
	$("input").val(&#39;&#39;);
})
</script>

Nach dem Login kopieren

Empfohlenes Lernen : JavaScript-Video-Tutorial

Das obige ist der detaillierte Inhalt vonSo implementieren Sie die Reset-Funktion in JavaScript. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Erklärung dieser Website

Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Heiße KI -Werkzeuge

Undresser.AI Undress

KI-gestützte App zum Erstellen realistischer Aktfotos

AI Clothes Remover

Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

Undress AI Tool

Ausziehbilder kostenlos

Clothoff.io

KI-Kleiderentferner

AI Hentai Generator

Erstellen Sie kostenlos Ai Hentai.

Heißer Artikel

R.E.P.O. Energiekristalle erklärten und was sie tun (gelber Kristall)

3 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌

R.E.P.O. Beste grafische Einstellungen

3 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌

Assassin's Creed Shadows: Seashell Riddle -Lösung

2 Wochen vor By DDD

R.E.P.O. So reparieren Sie Audio, wenn Sie niemanden hören können

3 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌

WWE 2K25: Wie man alles in Myrise freischaltet

4 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌

Heiße Werkzeuge

Notepad++7.3.1

Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version

Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1

Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6

Visuelle Webentwicklungstools

SublimeText3 Mac-Version

Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

Heiße Themen

Wo ist der Login-Zugang für Gmail-E-Mail?

7488

CakePHP-Tutorial

1377

Wie lautet das Format des Kontonamens von Steam?

Win11 -Aktivierungsschlüssel dauerhaft

NYT -Verbindungen Hinweise und Antworten

Related knowledge

So implementieren Sie ein Online-Spracherkennungssystem mit WebSocket und JavaScript Dec 17, 2023 pm 02:54 PM

So implementieren Sie mit WebSocket und JavaScript ein Online-Spracherkennungssystem. Einführung: Mit der kontinuierlichen Weiterentwicklung der Technologie ist die Spracherkennungstechnologie zu einem wichtigen Bestandteil des Bereichs der künstlichen Intelligenz geworden. Das auf WebSocket und JavaScript basierende Online-Spracherkennungssystem zeichnet sich durch geringe Latenz, Echtzeit und plattformübergreifende Eigenschaften aus und hat sich zu einer weit verbreiteten Lösung entwickelt. In diesem Artikel wird erläutert, wie Sie mit WebSocket und JavaScript ein Online-Spracherkennungssystem implementieren.

Wie setze ich empfohlene Inhalte auf TikTok zurück? Wie richtet man den empfohlenen Inhalt ein? Mar 27, 2024 pm 07:30 PM

Douyin, die weltweit beliebteste Plattform für Kurzvideos, ermöglicht es jedem, zum Schöpfer zu werden und jeden Moment seines Lebens zu teilen. Manchmal sind wir der von Douyin empfohlenen Inhalte überdrüssig und hoffen, die empfohlenen Inhalte zurücksetzen zu können, damit die Plattform die für uns passenderen Inhalte neu bewerten und veröffentlichen kann. Wie setzt Douyin die empfohlenen Inhalte zurück? In diesem Artikel wird diese Frage ausführlich beantwortet. 1. Wie kann ich empfohlene Inhalte auf Douyin zurücksetzen? Douyin gibt personalisierte Empfehlungen basierend auf Daten wie dem Anzeigeverlauf, dem interaktiven Verhalten und den Interessenpräferenzen der Benutzer. Derzeit bietet die Douyin-Plattform nicht direkt die Möglichkeit, empfohlene Inhalte zurückzusetzen. Es gibt jedoch einige Methoden, mit denen Benutzer versuchen können, empfohlene Inhalte zurückzusetzen, z. B. das Löschen ihres Anzeigeverlaufs, das Entfolgen von Inhaltserstellern, an denen sie nicht interessiert sind, und die Diversifizierung ihrer Anzeigeinhalte, um ihre Empfehlungen zu ändern.

WLAN-Anrufe funktionieren auf dem iPhone nicht: Fix Jun 03, 2024 am 11:16 AM

WLAN-Anrufe lassen sich auf dem iPhone nicht aktivieren? Die Anrufqualität wird verbessert und Sie können auch von entfernten Standorten aus kommunizieren, an denen die Mobilfunknetze nicht so stark sind. Wi-Fi Calling verbessert auch die Qualität von Standardanrufen und Videoanrufen. Wenn Sie also auf Ihrem Telefon keine WLAN-Anrufe nutzen können, können Ihnen diese Lösungen möglicherweise bei der Behebung des Problems helfen. Fix 1 – Wi-Fi-Anrufe manuell aktivieren Sie müssen die Wi-Fi-Anruffunktion in Ihren iPhone-Einstellungen aktivieren. Schritt 1 – Dazu müssen Sie die Einstellungen öffnen. Schritt 2 – Als nächstes scrollen Sie einfach nach unten, um die „Telefon“-Einstellungen zu finden und zu öffnen. Schritt 3 – Scrollen Sie in den Telefoneinstellungen nach unten und öffnen Sie die Einstellung „Wi-Fi Calling“. Schritt 4 – Ändern Sie auf der Seite „Wi-Fi-Anrufe“ „Dieses iPhone

So lösen Sie das Win11-Reset-Problem Jan 05, 2024 am 09:24 AM

Nach dem Start von win11 haben viele Benutzer es direkt aktualisiert. Nach dem Update kam es jedoch zu vielen Benutzern, die nicht wussten, wie sie das Problem lösen können. Kommen Sie und sehen Sie, wie es funktioniert . So beheben Sie den Win11-Reset-Fehler: 1. Klicken Sie zunächst unten links auf „Start“, dann auf „Einstellungen“ und wählen Sie dann „Update und Sicherheit“. 2. Klicken Sie links auf die Schaltfläche „Wiederherstellung“ und dann unter der Option „Diesen PC zurücksetzen“ auf „Start“. 3. Anschließend können Sie eine Option auswählen. 4. Warten Sie abschließend auf die Installation des Win11-Systems, um das Problem zu lösen. 5. Benutzer können das Win11-System auch direkt von dieser Website herunterladen, um das Problem zu lösen.

WebSocket und JavaScript: Schlüsseltechnologien zur Implementierung von Echtzeitüberwachungssystemen Dec 17, 2023 pm 05:30 PM

WebSocket und JavaScript: Schlüsseltechnologien zur Realisierung von Echtzeit-Überwachungssystemen Einführung: Mit der rasanten Entwicklung der Internet-Technologie wurden Echtzeit-Überwachungssysteme in verschiedenen Bereichen weit verbreitet eingesetzt. Eine der Schlüsseltechnologien zur Erzielung einer Echtzeitüberwachung ist die Kombination von WebSocket und JavaScript. In diesem Artikel wird die Anwendung von WebSocket und JavaScript in Echtzeitüberwachungssystemen vorgestellt, Codebeispiele gegeben und deren Implementierungsprinzipien ausführlich erläutert. 1. WebSocket-Technologie

Verwendung von JavaScript und WebSocket zur Implementierung eines Echtzeit-Online-Bestellsystems Dec 17, 2023 pm 12:09 PM

Einführung in die Verwendung von JavaScript und WebSocket zur Implementierung eines Online-Bestellsystems in Echtzeit: Mit der Popularität des Internets und dem Fortschritt der Technologie haben immer mehr Restaurants damit begonnen, Online-Bestelldienste anzubieten. Um ein Echtzeit-Online-Bestellsystem zu implementieren, können wir JavaScript und WebSocket-Technologie verwenden. WebSocket ist ein Vollduplex-Kommunikationsprotokoll, das auf dem TCP-Protokoll basiert und eine bidirektionale Kommunikation zwischen Client und Server in Echtzeit realisieren kann. Im Echtzeit-Online-Bestellsystem, wenn der Benutzer Gerichte auswählt und eine Bestellung aufgibt

So implementieren Sie ein Online-Reservierungssystem mit WebSocket und JavaScript Dec 17, 2023 am 09:39 AM

So implementieren Sie ein Online-Reservierungssystem mit WebSocket und JavaScript. Im heutigen digitalen Zeitalter müssen immer mehr Unternehmen und Dienste Online-Reservierungsfunktionen bereitstellen. Es ist von entscheidender Bedeutung, ein effizientes Online-Reservierungssystem in Echtzeit zu implementieren. In diesem Artikel wird erläutert, wie Sie mit WebSocket und JavaScript ein Online-Reservierungssystem implementieren, und es werden spezifische Codebeispiele bereitgestellt. 1. Was ist WebSocket? WebSocket ist eine Vollduplex-Methode für eine einzelne TCP-Verbindung.

Was soll ich tun, wenn der Win10-Reset bei 100 % hängen bleibt und nicht reagiert? Jan 07, 2024 pm 04:13 PM

Wenn wir unser Win10-System zurücksetzen möchten, um einige Probleme und Fehler zu beheben, wissen viele Freunde nicht, wie sie das Problem lösen können, dass sie bei 100 % hängen bleiben und während des Rücksetzvorgangs nicht reagieren. Dann vermutet der Redakteur, dass es daran liegen könnte, dass nach dem Zurücksetzen unseres Computers noch einige Dateien kompiliert werden müssen. Normalerweise dauert das Zurücksetzen des Systems 3-4 Stunden, also warten Sie einfach geduldig. Schauen wir uns an, was der Herausgeber zu den detaillierten Schritten gesagt hat. Was ist zu tun, wenn das Win10-Reset bei 100 % hängen bleibt und nicht reagiert? Methode 1: 1. Drücken Sie den Ein-/Ausschalter direkt auf der Hello-Oberfläche, die feststeckt, um herunterzufahren. 2 . Oder drücken Sie die Neustart-Taste, um neu zu starten, und drücken Sie Strg+Umschalt+F33, wenn Iogo beim Start angezeigt wird. Es besteht eine hohe Wahrscheinlichkeit, dass Sie eingeben können

See all articles