Скрыть метку и поле ввода с помощью css или jquery

Как я видел в вашем коде и html, вы добавляете все элементы управления без какого-либо контейнера. используйте таблицу или div.

я предпочитаю использовать <div>. если вы хотите следовать тому же самому, перейдите по этим двум ссылкам в качестве ссылки, чтобы сбросить свой css для определенного элемента, а затем установите его visibility в css как скрытый как:

h1.hidden {visibility:hidden;}

Jquery: как проверить, имеет ли элемент определенные css-стиль

http://api.jquery.com/css/

поместите свои скрытые элементы управления в div, а затем вы можете использовать $('#divName1').hide() или $('#divName1').show() для реализации вашей функциональности.

вы можете генерировать динамический HTML-контент, а не указывать один набор элементов управления при щелчке отмеченного элемента.. используя insertAfter подобные методы jquery. вы можете получить более подробную информацию об этом по следующей ссылке:

http://api.jquery.com/?ns0=1&s=insertafter&go=

Выберите InsertAfter, чтобы детализировать примеры и упростить процесс.

Вы облегчите себе жизнь, если поместите тег div вокруг полей, которые хотите скрыть, таким образом, ваш код jQuery может отображать/скрывать этот конкретный div (дайте ему идентификатор, чтобы настроить его). Таким образом, установка отображения на встроенный блок или блок для меток не будет иметь значения, потому что ваш div, содержащий метку, уже скрыт.

Вы можете использовать jquery, чтобы скрыть метку и поле ввода. Это можно сделать очень легко с помощью jquery

Eg.

$(id).css('display','none');

или Вы также можете использовать метод jquery hide

Eg.

$(id).hide();

джаваскрипт однако! попробуй.

    <script type="text/javascript">
    <!--
    function ShowOrHide(id) {
       var e = document.getElementById(id);
       e.style.display = 'block';
    }
function Hide(id) {
       var e = document.getElementById(id);

          e.style.display = 'none';

    }
    //-->
    </script>

Вам не нужно использовать javascript здесь, чтобы решить то, что кажется только проблемой отображения. Лучше найти решение с помощью css, чем использовать неправильный инструмент для решения проблемы. Почему вам нужно настроить отображение метки на блокировку в другом месте? Можно ли сделать это более конкретным для конкретной метки, которую нужно показать, оставив остальные скрытыми?

вы можете переопределить display: inline-block и т. д. с помощью !important, поэтому создайте класс

.hidden{display: none !important;}

применить к вашей этикетке или что-то еще

<label id="my-label" class="hidden"></label>

и если вы хотите удалить его (сделать видимым), используйте jquery

$("#my-label").removeClass("hidden");