Как сделать макет из трех столбцов с виджетами по высоте равными ширине с помощью начальной загрузки 4

Ваш код может быть проще с некоторыми небольшими трюками.

Во-первых, не меняйте идентификаторы во время выполнения, это плохая практика. Флажки имеют такие свойства, как checked, который оценивается как false или true при проверке с помощью this.checked.

click here to toggle 

Hello1

Hello2

Hello3

И это единственный JS, который вам нужен:

$('#click_to_toggle').on('change', function(){
    if( this.checked ){
        $('.item').hide();
        $('.item input:checked').each(function(){
            $(this).closest('.item').show();
        });
    } else {
        $('.item').show();
    }
});

Рабочий скрипт ЗДЕСЬ

1
задан Greg Gum 19 January 2019 в 23:06
поделиться