我正在使用 Symfony 框架,并且有一个由 EasyAdmin 插件自动生成的表单。我需要此表单仅显示无线电输入字段,但无论出于何种原因,EasyAdmin 都会创建复选框,而我还没有找到更改它的方法。
我遇到的问题是,当用户选中其中一个复选框时,必须取消选中所有其他复选框。换句话说,模拟无线电输入。
以下是创建复选框的 HTML:
我的代码目前看起来像这样
$('#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"); });
フォームをフックし、それを使用してチェックボックスを見つけることができます。最初にチェックしたものを初期状態の設定に使用しますが、そうでない場合は調整が必要になる場合があります。
解決策をより明確にするために、おそらくもう少し詳細が必要です。
すべてのコメントは常にオープンになります。プログラムでオン/オフを切り替えたい場合は、
に変更します。'change'
イベントをclick
チェックボックスのクラスは、change イベント ハンドラーで操作できます。これは、チェックボックスをオン/オフにする方法ではありません。
必ずお読みくださいjqueryを使用してチェックボックスをオン/オフにしますか?そしてこのjQuery です。 1 つ(すでにチェックされている)を除くすべてのチェックボックスをオフにする方法
具体的な操作方法は以下の通りです:
リーリーこれは実際の例です:https://jsfiddle.net/fL9dknp7/