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

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

P粉752826008 2024-02-17 19:35:31 0  1  403

Vue.js を使用してボタンを使用して q-table の行を選択します

q-table のアクション ボタンの編集ボタンを押すと、ボタンによってモーダルが開きます。ただし、q-table のチェックボックスが選択できないため、スキーマを更新しようとするとエラーが発生します。私が望むのは、アクションボタンをクリックすると、行が選択されたことをテーブルが検出することです。私のテーブル:<template><q-tabletitle="Students":filter="filter":rows="stu

P粉384679266 2023-09-02 16:25:14 0  1  609

チェックボックスを追加して、以前にチェック/未チェックの機能を実装します。

このフォームは HTML/CSS/JavaScript を使用した To Do リストで、各行には完了または未完了のタスクに基づいたチェックボックスがあります。イベントを作成しました。オブジェクトからテキスト、作成時間、ID などの値を取得し、最後に li タグを innerHTML+=... に追加します。前のチェックボックスがチェックインされているが、イベントがトリガーされると (ボタンが押されると)、新しい行はチェックされずに追加されますが (これは正常です)、前の行のチェックボックスもチェックされません。 ?

P粉765570115 2023-08-13 15:45:54 0  1  478

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

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

P粉099985373 2024-02-26 15:26:22 0  1  339

改訂されたタイトル: チェックボックスの選択に基づいて合計を計算する

私は単純な財務追跡アプリケーションを開発しています。アプリケーションには、すべての経費請求書が記載された表があり、合計金額は表の外側にあります。 JS または AJAX を使用して、表の行で 1 つのチェックボックスを選択すると、合計に請求書を含めたり除外したり、除外/含めた内容を反映して合計が自動的に更新されるようにする方法を見つけようとしています。テーブルの行は動的に作成されるため、新しい請求書が追加されるたびに行が増加します。これは、チェックボックス ID を増加する必要があることを意味します。 <divclass="カード本体"&

P粉360266095 2024-04-04 13:45:50 0  1  3649

JavaScript - HTML <input type="file"> をクリックしてもファイル セレクターをポップアップできません

コードは次のとおりです: {コード...} 最も単純かつ基本的な HTML コードです。会社のコンピューターで実行する場合、ファイルをクリックして選択した後、ボタンはクリックされますが、ファイル セレクターは呼び出されません。会社のコンピュータは、外部ネットワークに接続されていないことを除けば、特別なことは何もありません。 360 度の高速ブラウザ、360 度の安全なブラウザ...

仅有的幸福 2017-06-05 11:09:11 0  3  839

特定の条件下で、v-text-field テキストの位置を移動します。

Vue.js と Vuetify を使用しています。面白い場面に遭遇しました。したがって、左中右の 3 つのオプション (ラジオ ボタン) があり、特定のテキスト値と読み取り専用属性を持つ v-text-field があります。ここで、オプションが変更または選択されたときに、v-text-field 内のテキストの位置を変更したいと思います。たとえば、オプション 1 (左) の場合、テキストは v-text-field 内で左に移動する必要があります。オプション 2 (中央) を使用すると、テキストは中央に移動する必要があります。などなど。これに関する提案があれば。もっと良い方法があれば、ご指...

P粉041856955 2023-08-28 21:40:26 0  2  576

デフォルトのファイルピッカーダイアログの場所を変更する

電子商取引ストアを作成しています。必要なファイルを選択してアップロードするには、「ファイルの選択」ダイアログを表示する必要があります。 Windows でのシナリオ: [ファイルの選択] ダイアログが開くと、左上隅にあります。 「ファイルを選択」ボタンが配置されているポップアップの中央の上に移動する必要があります。これに Windows API の使用を提案する記事をたくさん読みましたが、Web アプリケーションはどの OS でもアクセスできるため、その OS に特化したものにするのは適切な解決策ではありません。これを行うことができる方法を提案してください

P粉186904731 2023-09-10 16:24:25 0  1  585

href を使用してドロップダウン リストからオプションを自動的に選択します

前のページで押されたボタンから取得したhref（アドレスバーに保存されている）に基づいてオプションを自動的に選択するドロップダウンを取得しようとしています。この質問を調べてみましたが、関連するものが見つからなかったため、私の言葉遣いが間違っているか、これは不可能であると考えるしかありません。これは、index.html <divclass="logo-row"><imgsrc="./assets/img.png"onclick="f からのコードです。

P粉358281574 2024-02-26 09:24:54 0  1  458

phpとmysqlのチェックボックスを使用して行を削除する方法

データベース情報を含むテーブルを作成し、行をより簡単に削除できるようにチェックボックスを作成しようとしましたが、何かが機能しません。フォームのあるボタンがあります: <formaction="delete-register.php"method="post"><buttontype="button"class="btnbtn-primary"&g

P粉982009874 2023-09-01 22:02:23 0  1  584

JQuery を使用して段落内に特定の文字が表示された場合にのみクリック イベントをトリガーする

「重要」とマークされたテキストが含まれたアコーディオンがあります。ページの読み込み時に切り替えボタンをクリックして、「重要」とマークされたページを自動的に開くようにしたいと考えています。 $(".diff__filename:contains('sections/')")) を使用してタイトル内の「重要」という単語を検索しましたが、その横にあるボタンをクリックするように指示する方法がわかりません。クラス名のループを避けるために、JQuery を使用することにしました。 <pclass="title">私

P粉269530053 2024-02-17 22:23:01 0  1  516

Select2 選択ドロップダウン メニュー: テキストと重なっているアイコンをクリアします

選択メニューでカーソルを置いた X の「クリア」ボタンの下にテキストが重なるという問題が発生しています。右側にパディングを追加しても、アイコンがボックスの外に押し出されてしまうため、解決策にはなりません。ここ https://select2.org/ と Bootstrap5$("#search_bar").select2({theme:'bootstrap-5',placeholder:"Sometext",allo) にある Select2JS ライブラリを使用しています。

P粉156415696 2024-02-25 14:54:04 0  2  509

別のオプションを選択する場合、入力フィールドの種類は、ルピー記号を使用した 20 桁のルピーをサポートするか、パーセントで置き換えることができます。

固定値を選択するオプションが選択されている場合、入力フィールドのタイプはルピー値であり、ルピー記号付きの 20 桁のみがサポートされます。パーセンテージが選択されている場合、ルピー記号はパーセンテージ記号に置き換えられ、ボタンをクリックせずに値を入力できる値のタイプは 2 桁のみです。このコードは正常に動作していますが、2 つの小さな問題に直面しています。1. Web ページが次のように読み込まれる場合デフォルト値は固定値に設定されています（ただし、入力値とルピー記号は機能しません2。値が変更された場合、両方は機能しますが、値は変更された状態に自動的にリセットされません。ユーザーが単一のパーセ...

P粉022140576 2023-08-13 18:35:32 0  1  463

REACT - ポストブラウザボタンでのページの再レンダリングを回避します。

多くの製品を表示するカタログ ページがあります。ユーザーが下から選択できる製品の 1 つ (たとえば、製品番号 1000) をクリックすると、別のページに移動して内容などを確認します。ボタン ブラウザがカタログ ページに戻ると、すべてが再度表示されます。これは当然のことですが、前に選択した製品にスクロール バーを配置するのに時間がかかります。ユーザーがページの上部で特定の製品 (たとえば、製品番号 4) を選択すると、すべてが正常に動作しますが、ページの下部に移動すると、シナリオが開始されます。 REACTでこのディレクトリページをキャッシュする方法はありますか

P粉733166744 2024-03-27 14:50:53 0  1  472

HTML 要素を使用せずに Web サイトからデータをスクレイピングするにはどうすればよいですか?

次の Web サイトからデータを収集して、特定のケースの詳細を見つけるにはどうすればよいですか?ケースの詳細を見つけるための手動手順は次のとおりです: https://www.claytoncountyga.gov/government/courts/court-case-inquiry/ に移動します。ボタン/入力を備えた JavaScript 読み込みフォームがあるようです。さらにケースの詳細を取得します - ケースを姓で検索するには「名前検索」を選択する必要があります - それをクリックすると、(2) と同じ要素に新しい画面が表示されます

P粉819533564 2024-03-20 10:55:29 0  1  500

「オーバーフロー コンテナーのフレックス項目の先頭までスクロールできません」のタイトルは次のように書き換えられます:「オーバーフロー コンテナーのフレックス項目の先頭までスクロールできません」

フレックスボックスを使用して便利なモーダルを作成しようとしているときに、ブラウザの問題と思われる問題に遭遇し、既知の修正または回避策があるかどうか、または修正方法に関するアイデアがあるかどうか疑問に思っていました。私が解決しようとしている問題には 2 つの側面があります。まず、モーダル ウィンドウを垂直方向に中央揃えにすることは期待どおりに機能します。 2 つ目は、外部スクロールを使用してモーダル ウィンドウをスクロールさせることです。これにより、モーダル ウィンドウ内のコンテンツではなく、モーダル ウィンドウ全体がスクロールします (この方法では、モーダルの範囲を超えて拡張できるドロップダウ...

P粉854119263 2023-08-22 14:58:06 0  2  504

動的入力フィールドで v モデルを管理するための効率的な戦略

ユーザーに「追加」ボタンをクリックして新しいフィールドに内容を入力するオプションを提供するフォームがあります。現在、フィールドに対して動的に生成された v-model を持っていますが、それらを使用するには、setup 関数で各フィールドを登録/返す必要があることに気付きました。ユーザーが追加するフィールドの数がわからない場合、さまざまな入力フィールドの v モデルを生成して登録/返すにはどうすればよいですか? <divv-for="(content,i)incontentFields":key="i">&l

P粉897881626 2024-02-03 18:06:47 0  1  417

Promise チェーンでボタンのクリックを待って実行を一時停止するにはどうすればよいですか?

ファイルを処理するためにいくつかのバックエンド呼び出しを連鎖させようとしていますが、ワークフロー全体では、ユーザーが途中で何らかの入力を行う必要があります。ユーザーが「続行」ボタンをクリックするまで実行を一時停止して、動作を継続できるようにする方法がわかりません。したがって、プロセスは次のようになります。ユーザーはファイルを選択し、データをアップロードするイベントをトリガーします。前回の呼び出しからの応答を取得し、フォームでモーダルを開きます。ここで一時停止する必要があります。プロミスチェーンを続行するには、フォームに記入して「続行」ボタンをクリックしてください。別の呼び出しをトリガーして、別...

P粉170438285 2023-08-15 13:06:43 0  1  776

不明なセレクターと子を持つ Javascript イベント デリゲート

要素のクリックをキャプチャすることになっている動的セレクター（linkTrigger）があります。 linkTrigger が何であるか、また子が存在するかどうかはわかりません。 jQueryを使用すると、すべて問題ありません。最初の緑色の四角形 (数字の部分ではない) をクリックすると、3 つのハンドラーがすべて期待どおりに動作していることがわかりますが、最初の緑色の四角形内の数字をクリックすると、jQuery ハンドラーと javascript2 ハンドラーのみが動作します 動作し、再び期待どおりに動作します緑色のボックス内のスパンをクリックするだけでは十分ではないため、

P粉187677012 2024-04-03 23:39:19 0  1  565

モーダル内の画像をクリックして複数の画像を変更したい

ポップアップ/モーダルにはgsap.jsを使用しています。私は forEach を使用しているので、このサイトに同じパーツをどれだけ追加しても問題なく動作します。私の唯一の目標は、これを何とか完璧に動作させることです。ポップアップされる「ボタン」をクリックするたびに、9 つの画像が表示されます。その中から 4 つを選択して「編集を保存」をクリックします。「編集を保存」を押すと、本文が表示されます。画像に 4 つの画像本体がある場合、自動的に変更されます。そして何度でも変更できます。 constitems=doc

P粉269530053 2024-01-29 09:35:00 0  1  407