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

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

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

PHPのforeachコマンドを使用して、すべてのPHP入力を配列に変換し、それをキーと値のペアの形式でJSONファイルに設定します - 解決済み

複数のラジオ ボタンを含むページがあり、foreach ループを使用してすべてのラジオ ボタンの名前をループし、ページの上部にある別の foreach ループを使用してすべてのラジオ ボタンの名前をキーと値として取得します。

P粉883223328 2023-08-09 13:26:09 0  1  456

選択時にラジオ ボタンの境界線効果を保持する

無線タイプのオプションが 2 つあります。オプションを選択すると、青い枠線がマークされます。問題は、別の場所をクリックすると、境界線の効果が消えてしまうということです。別のオプションに切り替えない限り、どこをクリックしても青い枠線効果を維持したいと考えています。また、右側の「スパン」に価格を入力し、左側に製品名を残すにはどうすればよいですか? .checkbox-custom,.radio-custom{不透明度:0;位置:絶対;}.checkbox-custom,.ch

P粉769045426 2023-09-03 21:25:38 0  1  555

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  340

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  611

JavaScript を使用して、ONCLICK を使用せずにラジオ ボタンの選択に基づいて div の可視性を制御する

部分的に有効な HTML コードがいくつかあります。ラジオボタンの選択に基づいてテキスト入力を表示しようとしています。私にとってそれがどのように機能するかというと、ラジオボタンを押すと他のオプションが非表示になりますが、画面が最初にロードされると3つのオプションがすべて表示されます。これは、関数がクリック時に呼び出され、最初のラジオボタンの選択されたオプションがクリックを構成しないためだと思います。初めてリクエストしたときにのみ表示される onload イベント リスナーを作成しようとしましたが、うまくいきませんでした。これは私のコードです<%layout('layouts/boiler...

P粉212114661 2024-02-17 21:44:02 0  1  511

Shopify、フィルタリングされた製品リストの進むボタンと戻るボタン

コレクションページの商品ページに表示される進むボタンと戻るボタンを作成しようとしています。コレクション ページでフィルターを選択し、商品をクリックすると、ユーザーが選択したフィルターに基づいて、リストされた商品間を進む、または戻るボタンを作成したいと考えています。私のボタンは、コレクション ページ全体を前後に移動するだけです。フィルターに基づいてリストされた製品を処理するには、以下のコードを書き直すにはどうすればよいですか? {%-liquidassignprevious_product=collection.previous_productassignnext_pro

P粉222320176 2024-01-10 17:32:46 0  1  478

Tailwind CSS を使用して、ラジオ ボタンの選択状態に応じて親 div のスタイルを変更する

複数の列と行ごとにラジオボタンがあるテーブルがあります。特定のボタンを選択したときに行全体の背景色を変更する必要があります。これは達成できるでしょうか？ {{user.email}}{{user.name}} Tailwind では、「peer」クラスを使用して隣接するブロックのスタイルを設定できます。ただし、親ブロックのスタイルを設定する必要があります (選択すると、親ブロックの背景色が変わるはずです)。

P粉718165540 2023-08-15 23:49:52 0  1  611

別のボタンがフォーカスされている、またはフォーカスされているときに、ボタンのフォーカス状態をトリガーするにはどうすればよいですか?

参照の表示 (ボタン) ライブラリ名が選択またはクリックされたときに、次の非アクティブなボタンがアクティブになる (明るい赤になる) ようにしたいと考えています。グーグルで調べたところ、角度に（ブラー）および（フォーカス）イベントがあることがわかりました

P粉257342166 2024-04-02 16:49:31 0  1  492

VueJS 3: 条件が満たされたときにボタンをアクティブにする

現在フォームを作成中ですが、条件が満たされたときにボタンを有効にする際に問題が発生します。現在、名前、電話番号、いくつかのオプション、メッセージを入力するフォームを作成しました。条件が満たされた場合、無効にしたボタンを有効にしたいと考えています。フォームを送信するためにボタンを再度有効にする方法を知っている人はいますか? <template><divclass="contact"><h1>Viuppskattarallafrågorsomduha

P粉258788831 2024-02-21 16:30:30 0  1  438

NextJS プロジェクトで Tailwind と MUI を使用する場合の予期しない動作 (白いボタンのバグ)

現在、NextJS、TailwindCSS、MUIReactUI ライブラリを使用してプロジェクトを構築しています。 MUI ボタン​​をプロジェクトに追加しようとすると、正常に機能しますが、ボタンの色は白のままです。ホバーすると色は通常に戻りますが、ボタンをクリックすると波紋効果が残ります。ただし、ホバリングしていない場合は白に戻ります。 _app.{js,jsx.ts,tsx} ファイルにインポートしたグローバル CSS ファイルから tailwind ディレクティブを削除すると、ボタンは再び正常に機能しますが、これにより TailwindCSS も削除されます。

P粉996763314 2023-11-04 11:04:23 0  1  781

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

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

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

Vue と axios を使用してページを更新せずにデータを更新する

Vue と Axios で作成した 2 つのタブ (課題とデータ) を持つページがあります。最初のタブでフォームに記入して送信し、保存ボタン v-on:click="save" を選択します。 save:function(){axios({method:'patch',url:url,data:this.data}).then(function(response){this.data=response.data;}

P粉614840363 2023-08-25 19:15:28 0  1  550

送信後に選択したチェックボックスの値を印刷する方法

これは、データを送信するために必要なチェックボックスとボタンのリストです。<label>AccessLocations</label><br/><inputtype="checkbox"name="chk[]"id="check1"class=" pl "value="INT" />du

P粉356128676 2024-04-06 13:07:43 0  2  509

ドロップダウン項目をクリックした後、ドロップダウン ボタンのクラスを変更し、ページをリロードします。

ユーザーがドロップダウン内の項目をクリックしてページがリロードされた後、ドロップダウン ボタン項目のクラスを変更しようとしています。次のコードは、ページが更新されるときに機能します。 $(".dropdown-content").on("click",function(){$('.dropbtn').toggleClass('active');}); 使用できるローカル ストレージ オプションはありますか?それについて今知りました。現在、次のコードを使用して、ドロップダウンボタンに表示されるテキストを呼び出しています

P粉877719694 2023-08-17 16:24:17 0  1  560

CSS を使用してタグ テキストの内容に基づいて HTML のフォントの色を変更する方法

そこで、「はい」と「いいえ」のテキストを含むラジオボタンを用意し、それらのいずれかが選択された場合にフォントの色を変更したいと考えています。はい (緑) いいえ (赤) 以下は HTML コードです: <asp:RadioButtonListID="RadioButtonList1" runat="server"RepeatDirection="水平"><asp:ListItem

P粉349222772 2023-09-08 20:57:35 0  1  598

ラジオボタンの中にラジオボタンを入れてみる

基本的に、私はこの投稿に従っており、ラジオボタンとその中にdivを表示する必要がある場合は、次の解決策がうまく機能します: $(".tier1-options:radio").on("change ",function (e){//すべてのtier2オプションから表示されたクラスを削除し、i内のすべてのフォーム要素から値をクリアします

P粉235202573 2023-09-11 23:30:59 0  1  573

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

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

给我你的怀抱 2017-05-19 10:34:07 0  2  788

URL ハッシュを使用して特定のタブでページを開く

確かに、私はハッシュに慣れていないので、これについて少し迷っていますが、これが私の問題の解決策になる可能性があると思うので、ここの誰かがもう少し洞察を持っていることを願っています。複数の「タブ」(ボタンをクリックするまで情報を隠す div と、ボタンをクリックするまで他のすべての情報を隠す div) を持つ Web ページがあり、別の Web ページから特定のタブを開くことができるようにしたいです. これは、前の Web ページのスケルトンです。定期的にページに移動すると、デフォルトで最初の div が表示されます。 <divid="first"class=&...

P粉317679342 2023-09-04 14:33:50 0  1  591

PATCH リクエスト リンクを使用して VueJS で MongoDB 製品フィールドを編集する

これは単純な質問かもしれませんが、何らかの理由で理解できません:(。私は MongoDB、NestJS、および VueJS を使用して、MongoDB データベースにさまざまな製品を追加するためのフォームを含むフルスタック アプリケーションを作成しています。私が現在直面しているのは、次のロジックを使用して、データベースに存在するすべての製品を編集できるようにしたいということです。編集ボタンをクリックします -> ポップアップで更新情報を入力します -> 更新ボタンをクリックします 例: 私の問題現在直面しているのは、VueJS アプリケーションで編集しようとしている特定の製品を選択...

P粉550823577 2024-03-31 23:05:12 0  1  530