問題タブ [bootstrap-switch]

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

私のHTML：

私のjavascript:

私のCSS：

これが私のJsfiddleです

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

ありがとうございました

Vue を使用して初めてスクリプトを作成していますが、とても気に入っています ;)

ブートストラップ スイッチに問題があります: http://www.bootstrap-switch.org/

このコンポーネントで v-on:change をトリガーすることはありません。

ここに私の生成されたコードがあります

他のすべてのフィールドでは、v-on:change は正常に動作します!

それをトリガーする方法はありますか???

更新する (すべての HTML でチャットボックス全体を更新する) チャットボックスを作成する必要があり、チャットボックス内にブートストラップ スイッチがあります。このスイッチも私のコードに置き換えます。

エレメント丸ごと交換後。ブートストラップ スイッチが機能しなくなりました。すべてのボタンの HTML を削除し、スイッチを再度追加することにしました。(スイッチの更新方法がある場合は、コードに追加することをお勧めします)。

そして、私はこれを試しました、

これは何の効果もないようです。そこに stll を発行します。この人たちへの提案はありますか？

チャットボックスの幅を調整しています。これが私のHTMLを置き換えた方法です。

現在、リーフレットで Booststrap スイッチを使用して、レイヤーと凡例を表示/マスクしようとしています。最初のステップは問題ありません。モーダル ウィンドウ内でチェックボックスを使用できます。2 つ以上のチェックボックスがアクティブになっていると問題が発生し、凡例と同じようにレイヤーが互いに積み重ねられます。ブーストストラップ スイッチ ボタンを使用して 1 つのレイヤーのみを表示し、他のすべてのレイヤー (ページの読み込み中にバックグラウンドで使用されるものを含む) を非アクティブにする方法を教えてもらえますか?

デモフィドルはこちら

Boostrap Switch を使用して 1 層のコードを作成します。すべてのレイヤーではなく、このレイヤーのみを表示/マスクします。

私の英語を許してくれてありがとう、私はネイティブではありません...

そのため、cms のユーザーグループ ページに取り組んでおり、グループが管理セクションにアクセスできるかどうかを判断するスイッチを追加しました。その場合 (そしてユーザーがスイッチをチェックすると)、パーミッションの div が表示されます。このために、Bootstrap のプラグイン Bootstrap Switch を使用しました。

コードは次のとおりです。

$('input#isAdmin').state、または .attr('checked') または .checked のアラートで show() または hide() メソッドを変更すると、「undefined」が表示されます。

何か案は？

MasterPage を使用した Web フォーム プロジェクトで 2 つの asp.net ckeckbox (chk1 と chk2) を使用しています。chk1 をクリックすると、ページ全体を更新せずに chk2 が無効になり、逆になります。 updatepanel を使用してこれを達成し、chk1 に CheckedChanged イベントを実装し、その AutoPostBack 属性を「true」に設定するだけで、すべて問題ありません。

問題は、bootstrap-switch プラグインを実装しようとしたときです (2 つのチェックボックスは完全に bootstrap-switch のように見えます) が、chk1 をクリックすると CheckedChanged が起動されないため、enable プロパティがchk2 は影響を受けません。

問題は、ユーザーがchk1をクリックしたときだと思います。実際、chk1自体ではなく、ブートストラップスイッチのスパンの要素でクリックが発生します。

助けてください、英語でごめんなさい。

更新 1:

これは実行中のページのソース コードです (ブラウザを右クリック)。必要なブートストラップ スイッチ ライブラリが存在することがわかります。

これが Test.aspx ファイルです。

これが Test.aspx.cs ファイルです。

私が投稿した最後のファイル「Test.aspx.cs」では、Page_Load イベントで、「スイッチ」効果を得るために、その属性を手動で「chk1」に追加する必要があります。 data-size"、"data-on-text"、"data-off-text"、および "class") を aspx エディターで使用すると、実行時に機能しません。そのコード行を削除すると、CheckedChanged が機能します。 、しかし、スイッチのスタイルは機能しません。

もっと詳しく説明していただければ幸いです。ご不明な点がございましたら、お尋ねください。