У меня есть раскрывающийся список при выборе из раскрывающегося списка его данных. У меня также есть флажок над каждым td, этот флажок используется, чтобы скрыть столбец, который выполняется с помощью java-скрипта, если пользователь установил флажок, и он выберите другое значение в раскрывающемся списке, тогда выбранный флажок не будет отображаться,
ниже приведен код для скрытия столбца при выборе флажка
я хочу, если пользователь установит флажок, и он выберет другое значение в раскрывающемся списке, тогда выбранный флажок не покажет, может ли кто-нибудь это сделать
<input type='checkbox' style='margin:-19px 0 0 732px; border: 1px solid grey;' name='9xx'/>9xx <input type='checkbox' style='margin:-19px 0 0 36px; border: 1px solid grey;' name='6xx'/>6xx <input type='checkbox' style='margin:-19px 0 0 30px; border: 1px solid grey;' name='12xx'/>12xx <input type='checkbox' style='margin:-19px 0 0 21px; border: 1px solid grey;' name='14xx'/>14xx <input type='checkbox' style='margin:-19px 0 0 26px; border: 1px solid grey;' name='10xx'/>10xx <input type='checkbox' style='margin:-19px 0 0 31px; border: 1px solid grey;' name='8xx'/>8xx <input type='checkbox' style='margin:-19px 0 0 31px; border: 1px solid grey;' name='11xx'/>11xx <script> $("input:checkbox:not(:checked)").each(function() { var column = "table ." + $(this).attr("name"); $(column).show(); }); $("input:checkbox").click(function(){ var column = "table ." + $(this).attr("name"); $(column).toggle(); }); </script> Для этого используйте localStorage .
Вот пример JSFiddle. Ссылка
Код за ним:
Код HTML:
<input type="checkbox">
Код JS:
$(function(){ var test = localStorage.input === 'true'? true: false; $('input').prop('checked', test || false); }); $('input').on('change', function() { localStorage.input = $(this).is(':checked'); console.log($(this).is(':checked')); });