他のチェックボックスをオンにした後に 1 つのチェックボックスをオフにするにはどうすればよいですか?
P粉436688931
P粉436688931 2023-09-02 19:15:42
0
2
604

我正在使用 Symfony 框架,并且有一个由 EasyAdmin 插件自动生成的表单。我需要此表单仅显示无线电输入字段,但无论出于何种原因,EasyAdmin 都会创建复选框,而我还没有找到更改它的方法。

我遇到的问题是,当用户选中其中一个复选框时,必须取消选中所有其他复选框。换句话说,模拟无线电输入。

以下是创建复选框的 HTML:

  • 请注意,此复选框已选中。要取消选中复选框,请将属性btn-success更改为btn-danger,并添加另一个名为“off”的属性,第一个 div 的类声明。
 

我的代码目前看起来像这样

$('#main').find('table .toggle input[type="checkbox"]').change(function() { $('#main').find('div .toggle .btn .btn-xs .btn-success').not($(this)).removeClass("on").removeClass("btn-success").addClass("btn-danger").addClass("off");

控制台中没有错误消息;任何帮助是极大的赞赏;过去两天这让我发疯:( });

下面是当前不起作用的表单和 JavaScript:

$('#main').find('table .toggle input[type="checkbox"]').change(function() { $('#main').find('div .toggle .btn .btn-xs .btn-success').not($(this)).removeClass("on").removeClass("btn-success").addClass("btn-danger").addClass("off"); });
 
ID Name Start date End date Current Actions
4 SY 2022-2023
View Edit Delete
3 SY 2021-2022
View Edit Delete
2 SY 2019-2020
View Edit Delete
1 SY 2020-2021
View Edit Delete

P粉436688931
P粉436688931

全員に返信 (2)
P粉765684602

フォームをフックし、それを使用してチェックボックスを見つけることができます。最初にチェックしたものを初期状態の設定に使用しますが、そうでない場合は調整が必要になる場合があります。

解決策をより明確にするために、おそらくもう少し詳細が必要です。

すべてのコメントは常にオープンになります。プログラムでオン/オフを切り替えたい場合は、'change'イベントをclick

に変更します。

リーリー リーリー
いいねを押す+0
    P粉311464935

    チェックボックスのクラスは、change イベント ハンドラーで操作できます。これは、チェックボックスをオン/オフにする方法ではありません。

    必ずお読みくださいjqueryを使用してチェックボックスをオン/オフにしますか?そしてこのjQuery です。 1 つ(すでにチェックされている)を除くすべてのチェックボックスをオフにする方法

    具体的な操作方法は以下の通りです:

    リーリー

    これは実際の例です:https://jsfiddle.net/fL9dknp7/

    いいねを押す+0
      最新のダウンロード
      詳細>
      ウェブエフェクト
      公式サイト
      サイト素材
      フロントエンドテンプレート
      私たちについて 免責事項 Sitemap
      PHP中国語ウェブサイト:福祉オンライン PHP トレーニング,PHP 学習者の迅速な成長を支援します!