問題タブ [toggleswitch]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
0 に答える
312 参照

javascript - 2 つの bootstraptoggle チェックボックスが選択されている場合にメッセージを表示する

ユーザーが 2 つのブートストラップ トグル チェックボックスを選択したときにポップアップするメッセージを取得しようとしています。私はこれまでにこれを設定しました:

私のHTML:

私のjavascript:

私のCSS:

これが私のJsfiddleです

最終的には約 10 個のトグルスイッチがありますが、2 つの特定のトグルスイッチ/チェックボックスが選択されたときにメッセージを表示できるようにしたいと考えています。

ありがとうございました

0 投票する
1 に答える
34 参照

javascript - クリックされた要素だけを切り替えるにはどうすればよいですか? そして、なぜ「クリック」が発火しないのですか?

トグルは、この名前付きクラスを持つすべての要素に適用されます。これを、クリックした要素のみに変更するにはどうすればよいですか?

「編集」リンクの前にラベルと入力を切り替えようとしています。なぜかクリック音が鳴らない。私は何が欠けていますか?

0 投票する
1 に答える
122 参照

android - 各スイッチで異なる機能を実行するようにスイッチの recyclerview を設定する方法

データベースからスイッチ名をリストしたいので、リスト用のアプリケーションを既に実装していますRecyclerview。さて、問題は、Recyclerviewアイテムにスイッチ要素が含まれており、それをオンまたはオフにするために 2 つの機能を実行したいということです。それは可能ですか?ひよこリスナーのビューホルダーで試してみましたが、すべてのリスト要素に対して同じIDが返されます。

0 投票する
0 に答える
920 参照

c# - UWPはToggleSwitch.IsOn状態を維持します

アプリの設定を保存しようとするのはこれが初めてです。toggleSwitch はアプリのテーマを変更し、後でそれを ApplicationDataContainer に保存します。ユーザーがトグルを使用してテーマを変更すると、アプリの再起動時に適用されますこれまでのところ悪い: toggleSwitch は、XAML で言及されていないにもかかわらず、永続的な IsOn="True" モードになっています。その結果、テーマは 2 回目の再起動で元の状態に戻ります。トグルが目的のユーザー位置に留まるようにするには、何を実装する必要がありますか?

XAML

CS

0 投票する
1 に答える
1458 参照

javafx - ControlsFX で ToggleSwitch の色を変更することは可能ですか?

私は素晴らしいコントロールFXでToggleSwitchを使用しています。色をデフォルトの空色から別の色に変更したいと思います。css スタイリングを使用しましたが、ToggleSwitch の背後にある背景が変更されます。実際のスイッチをカスタマイズする方法はありますか?

これが私のトグルスイッチです:

ここに私のスタイリングがあります:

0 投票する
1 に答える
313 参照

c# - ToggleSwitch のデフォルトの oncontent/offcontent テキストが実行時に翻訳されない

私のアプリでは、ユーザーは次のように実行時に言語を切り替えることができます。

その後、 ResourceContext もリセットされます。

問題は、デフォルトのトグルスイッチ OnContent と OffContent テキスト (「オン」と「オフ」) を除いて、すべてが直接翻訳されることです。

アプリを再起動したり、プロジェクト内の各 ToggleSwitch のテキスト リソースを作成したりせずに、これを解決できますか?

0 投票する
2 に答える
6563 参照

jquery - トグルスイッチのように動作するチェックボックス

関連する詳細とステータス列 (ビット フィールド - チェックボックス) を含むページに製品のリストがある ASP.NET アプリケーションがあります。それは完全に機能し、Ajax を使用してステータスを true から false に、またはその逆に変更できます。そうしている間、私は CheckBox の状態を維持しています。つまり、true の場合はチェックされたままになり、それ以外の場合はチェックされません。赤くハイライトされた部分を除いて、以下の画像を参照してください (もう 1 つ - このシナリオでは、True はアクティブな製品を意味し、False は非アクティブな製品を意味します)。

サンプル画像

今私がしようとしているのは、CheckBoxes をトグル スイッチにして、CheckBoxes の変更をこのようなものに保つことです - BootStrap Toggle Switches

私はそれを行う方法がわからず、これに従って、次のようにクラスを使用してチェックボックスをトグルスイッチとして機能させようとしました-jQuery Toggle Switches

注:画像に表示されている CheckBoxes の状態は、true、checked、およびその逆のように赤く強調表示されていません。これがトグルスイッチでも同じことができるかどうかを知りたいです.

データベース スクリプト:

モデル:

コントローラ:

意見:

0 投票する
0 に答える
197 参照

vmware-clarity - 右ラベル クラスのトグル スイッチにコード例を追加できますか

ドキュメントの toggles.demo.html には、サポートされている右ラベル クラスの使用法を示すセクションが必要です。一般的に言えば、.toggle-switch.right-label クラスはどこにも文書化されていません。私たちはコードを掘り下げてそれを見つけました。

0 投票する
0 に答える
409 参照

android - トグルスイッチ内でAndroidでテキスト値を設定する方法

こんにちは、以下のコードでは、オン/オフのテキスト名が DAY/Night であるカスタム トグルスイッチを使用しています。6日目から18日目の数字のデフォルト値を表示しているだけです。日を選択している場合は、6日目から18日目の数字を表示したいです。夜を選択している場合は、19から5を表示したいという意味です。誰か助けてください

トグルスイッチ.xml:

Switch.java:

0 投票する
0 に答える
832 参照

react-native - java.lang.ClassCastException: RN スイッチ Android のみを使用すると、java.lang.Double を java.lang.String にキャストできません

React Native アプリの Android バージョンでこのエラーが発生し続けます。アプリの iOS バージョンには、私が使用した React Native スイッチに関する問題はありません。このアプリは現在 RN 0.54 で実行されています

念のため、スイッチを使用するコードを次に示します。

そして、スイッチを押したときに表示されるエラーは次のとおりです。 ここに画像の説明を入力

問題を修正した更新されたコードは次のとおりです。