Reactjsで複数のチェックボックスを選択する方法

複数のチェックボックスを選択したいオプションのリストがありますが、選択することができません。このコードの何が問題なのでしょうか?サンドボックスの URL

P粉950128819 2024-04-06 18:55:21 0  1  591

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

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

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

React でチェックボックスをクリックすると以前の選択がキャンセルされるのはなぜですか?

複数のチェックボックスがあるのですが、1 つのチェックボックスをクリックしてから次のチェックボックスをクリックすると、前のチェックボックスの選択が解除されます。理由はわかりますか?これは私のチェックボックスコンポーネントです: constCheckbox=({key,id,label,checked,name,onChange}:any)=>{return({label})} これはメインコンポーネントの外観であり、データはarray 、その後マッピングされますが、前のチェックボックスの選択が解除される理由がわかりません。他の多くの役に立たない JSX を削除しました

P粉729198207 2023-08-13 10:57:24 0  1  710

次のいずれかのチェックボックスをオフにした後、選択したチェックボックスを変更 (すべて選択) するにはどうすればよいですか?

JSで全チェックスクリプトを作成しましたが、すべてのチェックボックスがまだチェックされているかどうかを確認し、チェックされていない場合は「すべて選択」チェックボックスをオフにする実装方法がわかりません。これを行う方法について何かアイデアはありますか?これは私のコードです。見てください。純粋な JS functiontoggle(){letselector=document.querySelector('.chbx_selector');letselection=document.querySelectorAll('.ch

P粉463418483 2024-04-01 17:46:03 0  1  623

R Shiny で、「すべて選択」チェックボックスの個別の行/列を持つチェックボックス テーブルを作成するにはどうすればよいですか?

RShiny を使用して、各セルにチェックボックスが含まれるテーブルを (たとえば「DT」パッケージ経由で) 表示したいと考えています。各行と列のヘッダーの横に、選択すると、対応する行または列のすべてのチェックボックスが選択される「すべて選択」/「マスター チェックボックス」を表示したいと思います。追加機能として、左上のセルのチェックボックスはテーブル内のすべてのチェックボックスを選択します。例: js を試してみました。ここで、1 つの列にメイン チェックボックスがある (JavaScript を使用) この機能の例を見つけましたが、要件に合わせて拡張する方法がわかりませんでした。私

P粉884667022 2023-09-08 15:24:52 0  1  523

HTML で Javascript を使用して、選択したオプションを再選択して同じ状態に保つ機能をフォームのリセット ボタンまたはキャンセル ボタンに提供するにはどうすればよいですか?

ユーザーが選択要素で選択を変更した後、フォームをキャンセルまたはリセットしたい場合は、システムが選択したオプションをユーザーに表示する必要があります。 (フォームをキャンセルまたはリセットするときに、フォーム選択要素をリセットし、ビューで選択されているデフォルトのオプション値に戻ることが焦点です) <button>Reset</button><select><option>1</option><option> 2 </オプション><オプション

P粉726133917 2023-09-10 22:38:33 0  1  598

選択した値の配列にバインドされた Vue 3 カスタム チェックボックス コンポーネント

スタイル付きのチェックボックスと対応するラベルを備えた単純なコンポーネントを作成しようとしています。選択されたすべてのチェックボックスの値（文字列）は配列に保存される必要があります。これはプレーンな HTML チェックボックスで機能します: <template><div><divclass="mt-6"><div><inputtype="checkbox" value="EVO" v-model=&

P粉561749334 2023-12-21 18:43:52 0  1  693

javascript - 選択ボックス オプションをクリックして ngDialog をポップアップします。 [キャンセル] をクリックしたら、ポップアップ ボックスを閉じて、選択ボックスの値が変更されないことを願います。

タイトル テキスト ## 以下は私のコードです。[キャンセル] をクリックした後も、選択ボックスの値は {code...} {code...} {code...} となります。

怪我咯 2017-05-16 13:19:18 0  1  1005

php - WeChat Pay で間違った金額が選択され、支払いがキャンセルされました。支払う金額を再度選択しても、以前に選択した間違った金額が表示されるのはなぜですか?

WeChat Pay で間違った金額を選択し、支払いをキャンセルしました。再選択しても間違った金額を選択したままなのはなぜですか?注文番号が再生成されます。返済によって生成されるprepay_idも含めると異なります。ただし、量は以前と同じであり、量が 2 倍異なるとパラメータが異なります。でも払ったお金は…

曾经蜡笔没有小新 2017-06-08 11:01:58 0  5  941

JavaScript - チェックボックスの値が Vue のインスタンスにバインドされた後、デフォルトでは選択できません (チェックは無効です)

{コード...} JS {コード...} このチェックボックスをデフォルトでオンにし、値を「選択済み」にしたいのですが、どのように書けばよいでしょうか?

滿天的星座 2017-05-19 10:31:41 0  1  658

JavaScriptの全選択機能による混乱

直接のコードは以下の通りです 全選択機能は使いにくいです {コード...} 一文変更 {コード...} 以下に_inputを置くとコードが正常に実行されるのはなぜですか？スコープに応じてコールバック関数内で外部変数を取得することはできないのでしょうか？

大家讲道理 2017-05-19 10:34:59 0  5  518

html5 - html2canvas、チェックボックス、およびラジオで選択された項目によって生成された画像はスクリーンショットを撮ることができません。

html2canvas を介して画像を生成すると、チェックボックスを選択した項目でスクリーンショットが正常に取得されないことがわかります。 {code...} ページと製品画像:

我想大声告诉你 2017-05-16 13:32:24 0  1  1190

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

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

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

javascript - Angularjs では、手動でクリックせずにすべてのチェックボックスが選択されている場合、ng-change はトリガーされませんか?

angularjs が ng-change を使用してチェックボックス変更トリガー イベントを実装する場合、ng-checked を使用して選択を実装しますが、ng-change イベントはトリガーされません。手動でクリックした場合にのみトリガーできます。一般的な意味は、追加は&lt;td&gt; のチェックボックスが直接クリックされたときにトリガーされます。()、&lt;th&gt; の c をクリックしたとき...

迷茫 2017-06-14 10:54:09 0  2  798

Android リストビュー チェックボックスのラジオ選択

バックグラウンドは、デフォルトのアドレスであるかどうかを示す int 値を返します。 チェックボックスの切り替えを実装するにはどうすればよいですか?

为情所困 2017-05-16 13:29:21 0  2  763

html - ラジオ使用時にページ全体で 1 つしか選択できない状況を回避する方法

1. ラジオの選択をするときに、2 つの項目を合計 4 つのオプションで設定しました。2 つの項目にそれぞれ 1 つのオプションがある予定でしたが、ページ全体がラジオのみ選択できます。何が起こっていますか?タイプが間違っていますか? それとも何かが不足していますか? 2. 関連するコードは次のとおりです。 {% extends 'base.html' %} {% block body ...

世界只因有你 2017-06-05 11:12:45 0  1  628

<input type="file"> の選択を解除するときに最後に選択したファイルを保持する方法

初めてファイルを選択した後、もう一度ボタンをクリックすると、ダイアログボックスが表示されますが、ファイルを選択せず​​に「キャンセル」を選択すると、最初に選択したファイルは消えます。 。 。ファイルが選択されていないことを表示します

天蓬老师 2017-07-05 11:08:02 0  2  1985

同じ名前で異なる ID を持つ 2 つのフィールドを MySQL の同じ行にマージするにはどうすればよいですか?

顧客がチェックボックスに基づいて価格を選択できるプロジェクトがあり、入力ボックスは同じ名前です。チェックボックスを選択しても入力がない場合、選択した場合にチェックボックスの値をデータベースに保存したいだけです。入力ボックスと入力ボックスの値のみを保存したい。これは私のコードです: <ulclass="donate-now">[enterimagedescriptionhere](https://i.stack.imgur.com/EyU7O.png)<l

P粉087951442 2024-04-04 12:13:47 0  1  459

JavaScript - Ionic は前のページに戻る前にユーザーにどのように確認を求めますか? ユーザーが「いいえ」を選択すると、戻る操作はキャンセルされ、ユーザーは現在のページに留まりますか?

Ionic は、前のページに戻る前にユーザーに「現在のデータは変更されました。変更を中止して戻ることを確認しますか?」とどのように尋ねますか?ユーザーが「いいえ」を選択した場合、戻る操作はキャンセルされ、現在のページに留まりますか? $ionicView.beforeLeave イベントで問い合わせボックスをポップアップするコードを記述することはできないようです。

某草草 2017-05-31 10:38:31 0  1  692

JavaScript - Vue のすべて選択機能に関する質問

要件: 家具、家電、その他のサブメニューをクリックすると、その中のすべての小メニューが選択されます。小メニューで 1 つ少ない項目を選択すると、親メニューの全選択動作がキャンセルされます。現在の機能は、次のことを実現します。メイン選択とサブメニューの関係 サブメニューとその小メニューにこの機能を実装する方法を教えてください。言葉ではうまく表現できませんが…

黄舟 2017-06-12 09:27:49 0  2  1143