Vaadin ラジオ ボタン グループをボタンのグループとしてスタイル設定できますか?

vaadin でラジオ ボタンを一連のボタンのようにスタイル設定し、選択した 1 つのボタンに色を付けることは可能ですか?ラジオボタンのようなボタングループを使いたい。ある項目はチェックできますが、他の項目はチェックできません。

P粉529245050 2024-02-03 19:49:05 0  1  316

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

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

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

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

HTMLで機能するようにメニューボタンの色を変更してみてください

使用しているコードがメニュー ボタンのスタイルで機能しない理由を理解しようとしています。個々のメニューボタンのスタイルを作成しましたが、使用されていないようです。すべてのメニュー ボタンは、私が個別に作成したスタイルではなく、デフォルトの「ul.menulia」スタイルになっています。私はこれに慣れていないので、怠惰に見えたら申し訳ありません。 ul.menu{list-style-type:none;margin:200;padding:100;}ul.menuli{display:inline-block;ma

P粉116654495 2023-09-13 21:13:41 0  2  625

angular.js - angularjs 如何用一组按钮完成单选

辛苦各位了，请问如何用一组按钮来做单选的问题，万分感谢！ 如图，需要做到2点： 1、页面加载后，根据传回的值 domain:"8" ，设置默认勾选的按钮和按钮里的图标class；2、点击一个按钮，清除其他按钮样式，并给...

PHPz 2017-05-15 17:09:33 0  2  919

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

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

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

ボタンを再度クリックするとメニューを非表示にする関数を作成する

もう一度ボタンをクリックするとメニューが非表示になるようにする方法 このスクリプトの仕組みは、別の「btn」が開かれると、アクティブな「btn」が非表示になります + メニューフィールドの外にいる場合は、すべてをクリックしてくださいbtn」が非表示になります。アクティブなボタンを再度クリックしたときにそのメニュー<ulclass="first_menu"><liclass="menu_item"><buttonclass=&q を表示するにはどうすればよいですか?

P粉513318114 2024-02-04 10:12:55 0  1  428

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

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

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

マウスをボタンの上に置くとサブメニューが表示されます

ボタンの上にマウスを置くとサブメニューがポップアップする解決策を探しています。現在、メニューはクリックされた場合にのみ表示されます。ボタンの上にマウスを置くとメニューが表示され、クリックするとメニューがそこに留まるようにするには何を変更する必要があるか知っている人はいますか。解決策: ホバーをマウスオーバーに変更します。マウスオーバー時にすべてのセクション（sect1...）を表示しないようにする方法を知っている人はいますか？ <script>vardivsvarbtn1=document.getElementById("

P粉021708275 2023-08-31 11:22:01 0  1  635

ラジオ ボタンの配列を作成し、それを Net Core コントローラーに渡します。

ラジオ ボタンのリスト (配列) を JavaScript から C# NetCore6 コントローラーに渡そうとしています。 HTML は次のようになります: <inputclass="js-filter-item"type="radio"name="Performance_Type"value="Standard"id="filter-group-Per

P粉590428357 2024-02-26 09:49:09 0  1  433

ラジオボタングループが必要かどうかを確認する方法

すべての入力で必須の属性が指定されていない可能性がある動的ラジオ ボタン グループがあります。 <formname="myform"><inputtype="radio"id="option1"name="foo"value="First"><inputtype="radio&quo

P粉716228245 2024-04-03 16:23:29 0  1  383

ボタンがクリックされた場合のみフォームにリダイレクトし、オプションを選択します。それ以外の場合は、ナビゲーション タブの標準表示がデフォルトになります。

1 つのナビゲーション タブにフォームがあり、別のナビゲーション タブからそのフォームにリンクしています。以下のコードを使用して、複数のページからすべてのナビゲーション タブにリンクしています。 consthash=window.location.hash;constbsTab=newbootstrap.Tab(hash);bsTab.show(); それは機能しますが、可能であれば、URLからリダイレクトした後にハッシュタグを削除したいと考えています。これは、JavaScript のこの部分で発生している問題です。もう一つは

P粉012875927 2024-03-22 10:12:30 0  1  300

Laravelで動的フォーム保存を実装するときに各行の複数選択ドロップダウンフォームを処理する方法

私のフォームには、各行に同じ名前の複数選択ドロップダウン color_id[] と size_id[] を含む動的テーブルがあります。選択した複数の値をデータベースに保存されている各行にカンマ区切りの値として保存する方法がわかりません。ここでデータベースに保存しようとしましたが、うまくいきませんでした。 HTML コード: <table><tbody><td><selectname="color_id[]"class=&quo

P粉301523298 2023-08-31 10:43:09 0  1  522

javascript - フォーム内の複数のオプションを変更するときに、バックグラウンドの同僚と協力する際に​​問題が発生します。

シナリオは、フォームのレコードを変更し、複数選択された項目を変更することです。保存するとき、1 つの方法は、フロント エンドによって変更された選択項目と変更前の選択項目を比較し、どの項目が追加され、どの項目が追加されるかを判断することです。削除してそれぞれをバックグラウンドに渡します。 1 つの方法は、変更前に何であったかに関係なく、フロントエンドが変更されるたびに常にフロントエンドを渡すことです。

phpcn_u1582 2017-07-05 10:39:59 0  1  816

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

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

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

angular.js - form 表单，点击提交按钮 判断ng-checked 已选中

点击提交按钮，若没有选中，则提示没有勾选下面是代码 {代码...} {代码...} 如果没有勾选我已阅读并同意，点击注册后，应提示需要勾选。 求指点，谢谢。。。

给我你的怀抱 2017-05-15 17:04:01 0  1  672

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

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

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

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

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

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

異なるターゲット URL で POST リクエストを送信するフォーム

フォームを表示するビューがあります。ここで、ユーザーが選択したボタンに応じて、データを異なる方法で処理したいと考えています。これらの「さまざまな方法」は、POST リクエストの宛先となるさまざまなビューに対応します。異なる URL/ビューにつながる複数のボタンを備えたフォームの作成を手伝ってください。 <formaction="/your-name/"method="post">{%csrf_token%}{{form}}<inputty

P粉465675962 2024-03-29 17:16:07 0  1  451

Vanilla JS setTimeout(): 間違った動作の特定

ハンバーガー メニューのアニメーションを HTML、CSS、およびバニラ JavaScript で作成しました。期待される結果 ハンバーガー メニュー ボタンをクリックすると、次のイベントが発生します。 ハンバーガー メニュー アイコンをクリックすると、メインが 180 度回転し、2000 ミリ秒で高さに沿って縮小します。 2000 ミリ秒が経過すると、メニューが表示され、ハンバーガー アイコンが X に変わります。終了ボタンをクリックしてください: ページをさらに 180 度回転します メニューをオーバーレイします メニューを非表示にします: display:none; 終了ボタンをハンバー...

P粉797855790 2024-04-02 20:44:40 0  1  404