に質問検索_PHP中国語ウェブサイト

コミュニティ

学ぶ

ツールライブラリ

AIツール

レジャー

日本語

人気の検索：
PHP
MySQL
jquery
HTML
CSS

React での複数のボタンの実装: クリックされたボタンを除くすべてのボタンの選択を解除する

3 つのボタンを実装しようとしていますが、そのうちの 1 つをクリックすると背景色が変更され、他の 2 つのボタンの選択が解除され、背景色が元の色に戻ります。ただし、React で実装しようとすると、常にボタン 1 つ後ろになります (ボタン 1、3、2 を順番にクリックすると、選択されたボタンが 1 、 3 に設定されるという意味です (タイプミスではなく、単にボタンです)後方に））。これがその特定のコンポーネントのコードです。 importReact,{useEffect}from"反応&qu

P粉099985373 2024-02-26 15:26:22

チェックボックスのあるテーブル行をクリックし、テーブルの最後の行ボタンに到達すると選択が選択解除に変更される方法

私のテーブルには、選択から選択解除に切り替えるためのテーブルの外側にチェックボックスとボタンがあります。テーブルの行の任意の場所をクリックするにはどうすればよいですか。チェックボックスのチェックマークはどこにありますか。1つずつ選択され、そこに到達するとテーブルの最後の行になります。ボタンが選択状態から選択解除に変わり、テーブルの行をクリックしてチェックボックスにチェックを入れることができましたが、テーブルの最後の行に到達してボタンが選択状態から選択解除に変わったときに失敗しました。行 $('tr').click(function(event){var$target=$(event.tar) ...

P粉752826008 2024-02-17 19:35:31

javascript - vue.js を使用して削除機能と削除取り消し機能を実装するにはどうすればよいですか?

VUE を使用して削除機能と削除取り消し機能を実装するにはどうすればよいですか? {コード...} 最後にボタンをクリックすると、削除された情報と削除されていない情報を取得できます。

phpcn_u1582 2017-05-19 10:12:38

データベース内のレコードは削除されますが、フロントエンドインターフェイスには削除ボタンが残ります。

削除ボタンをクリックすると、データベースからレコードが正常に削除されます。ただし、フロントエンドページではすぐには削除されず、ページを再読み込みまたは更新するまで削除結果は表示されません。私の見解: @foreach(variteminModel){<ahref="#"class="phone_number"onclick="del(this)"data-id="@item.id"

P粉118698740 2023-08-29 17:04:46

JavaScript - クリックイベントを 2 回トリガーする必要があるのはなぜですか?オンラインで待っています、緊急です! ！！

図のように、同意しない場合は右下のボタンをクリックすると委任を解除できなくなり、ダイアログボックスが表示されますので、同時にボタンを設定してください。無効な属性に設定します。（つまり、ボタンを無効にします）次に、同意がチェックされている場合にボタンを復元するクリックイベントを作成しました。するとこの時何か問題が起きてしまいました…。

某草草 2017-05-18 10:59:32

ブートストラップボタンがアクティブなときに各ボタンに影/境界線を追加する CSS

フロントエンドの作成には React フレームワークを使用し、デザインには Bootstrap5.3 を使用しています。私の理解では、Bootstrap は標準でシャドウ効果を削除しました。したがって、ボタンがアクティブな場合、Bootstrap v5.0 のドキュメントのように、ボタンには影や境界線が表示されません。 https://getbootstrap.com/docs/5.0/components/buttons/ 残念ながら、コードで個々のボタンを直接カスタマイズする方法がわかりません。出来ますか

P粉256487077 2023-08-17 23:54:27

モバイル上のボタンがフォーカスまたはアクティブのままになり、CSS アニメーションで問題が発生する

ボタンをクリックするたびにアニメーションを実現しようとしていますが、デスクトップでは正常に動作しますが、モバイルでは同じ効果を実現できません。最初にボタンをクリックし、次に別の場所をクリックして CSS のフォーカスを解除し、次にボタンをもう一度クリックしてアニメーション効果を得る必要があります。以下はコードスニペットです。 .btn_container{color:#35f8ff;position:relative;display:inline-block;text-align:center;margin:2.5remauto

P粉043295337 2023-08-28 15:14:37

書き換えられたタイトル: reCAPTCHA による認証 - ログインボタンに接続

私は自分の小さなプロジェクトに reCaptcha を実装しようとしています。ログイン検証フォームセクションの下に 2 つのスクリプトを追加し、reCaptcha は正常に動作していますが、reCaptcha の「送信」ボタンの 1 つを削除して、「ログイン」ボタンにリンクしたいと考えています。誰か助けてくれませんか？ </div><divid="content"><formaction="Validation"method="po

P粉809110129 2023-09-04 11:27:54

java - 両側にボタンを実装して、中央のコンテンツを切り替えるにはどうすればよいですか?

両側にボタンを実装して、真ん中のコンテンツを切り替えることができます。ビューページャーを試してみましたが、プロジェクトで使用するのは簡単ではありません。他の解決策を探しています。

習慣沉默 2017-05-16 13:33:43

javascript - WeChat アプレット左にスワイプして削除するこのメソッドを実装するにはどうすればよいですか?関連する API はありますか?

最近ショッピングモールのページを制作しているのですが、ショッピングカート内に指を左にスライドさせると削除ボタンが表示される機能があるのですが、どうすれば実装できるのでしょうか？この機能はJD.comのショッピングカートに基づいています~

给我你的怀抱 2017-06-10 09:49:10

いずれかのボタンをクリックすると、Formik の handleSubmit 関数がトリガーされます。

formikを使用した食品注文プロジェクトで正当性を検証するためのチェックフォームを実装したいのですが、ボタンを2つ作成するという問題に遭遇しました。どのボタンをクリックしても、handleSubmit が呼び出されます。この問題はどうすれば解決できますか?関数 goBack はステータスを false に設定するだけです。 exportdefaultfunctionCheckout(props){functionhandleSubmit(event){//event.preventDefault();co

P粉041881924 2023-09-10 23:47:25

Woocommerce のクリアバリエーションリンクをカートに追加ボタンに移動します

製品バリアントが選択されたときにクリアオプションが表示されないように、テーマの PHP ファイルから「クリア」リンクを削除しました。リンクは現在削除されており、これは目標の一部でしたが、[Clear] リンクは引き続き [カートに追加] ボタンに影響を及ぼし、製品バリエーションが選択されるとボタンが約 30 ピクセル下に移動します。 WooCommerce プラグインのバリエーションサンプルを使用して、製品バリエーションのボタンの外観を実装しています。バリアントサンプルプラグインを使用していない場合は、リストの右側に明確なリンクが表示されますが、プラグインを使用すると、リンクが下に表示...

P粉018653751 2024-02-21 15:13:11

TXT値の変更方法：スイッチボタンを使用します。

ボタンのオンとオフを切り替えて、database.txt ファイルを編集する方法を知りたいです。私は学び始めたばかりなので、実装方法を理解したいと思っています。 Database.txt1|on|on|on|;setting.php<?php<labelclass="switch"><inputtype="checkbox"name="switcha"><divclas

P粉769413355 2023-09-13 16:52:32

Angular では、ボタンをクリックするだけでツリービューを Syncfusion ドキュメントエディタに統合できますか?

syncfusion ドキュメントエディターのツールバーにカスタムボタンを作成し、ツリービューという名前を付けました。ドキュメントエディタにツリービュー機能を追加したいと考えています。 syncfusion のドキュメントエディタにツリービュー機能を実装する方法はありますか。この問題の解決を手伝ってください。

P粉713866425 2024-04-01 09:18:00

javascript - vue2.0の子コンポーネントはデータを親コンポーネントに渡すだけですか?

これが親コンポーネント、これがサブコンポーネントです。効果を説明します。「All」、「Recommend」、「Tucao」をクリックして selectType の値を変更し、選択したボタンの背景を切り替えます。「チェックマーク」をクリックして選択を表示し、選択を解除すると、サブコンポーネントの selectType とonlyContent の 2 つの値が表示されます...

给我你的怀抱 2017-05-19 10:34:07

TypeScript React を使用してクリックイベント関数をデバウンスする

ボタンの複数回のクリックを避けるために、onclick 関数に lodashdebounce 関数を実装しようとしています。私が思いついた解決策は次のとおりです。functionsaveForm(){//ここでいくつかの操作を行います}<ButtononClick={debounce(()=>saveForm,1500,{maxWait:2000})}>Save</Button> なるほど多くの例では、return 以外の関数に対して deboun を実行します。

P粉032649413 2023-08-27 10:33:19

Jinja テンプレート/Flask を使用して、太字に変更したネストされた HTML 段落レンダリングを実装する

文から単語を削除し、削除した単語を辞書 API 検索から取得した他の単語に置き換える関数を作成しようとしています。非常に簡単に言うと、これは文内の単語が削除された単語のリストに属しているかどうかを確認し、属している場合は置換単語に置き換え、そうでない場合は元の単語を新しい文字列に追加する関数です。問題ありません。F 文字列を使用し、HTML マークアップで解釈されるテキスト修飾子を追加する場合、これは正しい方法ですか?置換されたテキストを太字にしたいだけです

P粉170438285 2024-03-22 13:59:22

React.StrictModeとfabric.jsのCanvasインスタンスを使用した再レンダリング

選択可能な形状をインスタンス化するファブリックキャンバスとボタンを作成しています。次の状況でコンポーネントが 2 回再レンダリングされる理由がわかりません。そのため、生地の形状をお選びいただくことができません。ただし、index.tsx ファイルから削除すると、レンダリングは 1 回だけ行われ、形状が選択可能になります。削除することもできますが、それが最善の解決策とは思えません。これはデモです: const{Fragment,StrictMode,useEffect,useRef}=React;const{cr

P粉659378577 2023-09-21 23:48:52

JavaScript - フロントエンドの判断の問題

マスターにお聞きしたいのですが、ページ要素は役割に応じて異なるページのコンテンツを表示しますが、背景言語である PHP を使用せずに、これをどのように判断すればよいでしょうか?たとえば、削除ボタンがある場合、教師はそれを持っていますが、生徒は持っていません。PHP やその他のバックエンドを使用せずにそれを実装するにはどうすればよいでしょうか?テンプレートエンジン？

習慣沉默 2017-06-12 09:30:24

angular.js - 角度ルーティング後にボタンのスタイルを変更するにはどうすればよいですか?

タイトルのとおり、ルーティング後にボタンのスタイルを変更したいのですが、つまり、about リンクをクリックした後、アクティブなクラスが API から消えて about に転送される必要があります。しかし、私はそれをdomを通じて実装したくありません（問題を解決するためにまだjqueryを使用しているように感じます）。角度でどのように機能するか聞いてもいいですか...

高洛峰 2017-05-15 17:11:10