私の要件は、チェックボックスの変更イベントで他のすべてのチェックボックスのチェックを外すことです。 しかし、結果は無限ループになります。'Checkbox change'は無限ループになります
$(".chk").change(function(event) {
var $this = $(this);
var id = $this.attr('id');
var chkOtherCheckboxes = 'on';
if ($this.is(':checked')) {
chkOtherCheckboxes = 'off';
}
$('input:checkbox:not("#' + id + '")').bootstrapToggle(chkOtherCheckboxes);
});
bootstrapToggleを無効にして、入力を変更してもう一度有効にします。
$(".chk").change(function(event) {
var id = this.id;
var status = !this.checked;
$('input:checkbox:not("#' + id + '")').each(function(){
$(this).bootstrapToggle('destroy');
$(this).prop('checked', status);
$(this).bootstrapToggle();
});
});
ユーザーがチェックボックスをオンにしたときに同じチェックボックスをもう一度変更しています（.chk）。
User click checkbox --> triggers change function -->
--> changes status of checkboxes(including itself) -->
--> again triggers change function
//無限ループ
あなたは現在のチェックボックスのための変化を誘発しないことを確認してください。
私が助けてくれたら教えてください。
提案をありがとう。しかし、私の要件は - すべてのチェックボックスをチェックすると、他のすべてのチェックボックスをオフにする必要があります。 – Devi
私はあなたの要件を持っています。もう一度同じチェックボックスでイベントをトリガーしていることを知らせていましたが、これは正しい方法ではありません:)。 上記の回答はあなたの問題を解決するかもしれませんが、これを解決する最善の方法はありません。 –
これは 'change'関数を再度呼び出す関数で_Toggled_を取得するためです。それは再帰のようなものです。 –
@NikhilWagh再帰は停止条件を持つ必要があるため、再帰ではありません – DarkBee
すべての関連コードを共有してください –