Как определить радиодеталь по внешнему виду и маркировке: полное руководство

Как отличить резистор от конденсатора. Как расшифровать маркировку SMD-компонентов. Как определить тип и параметры транзистора по корпусу. Какие бывают корпуса радиодеталей.

Основные типы радиодеталей и их внешний вид

Для сборки электронных схем используется множество различных радиодеталей. Наиболее распространенными являются:

• Резисторы
• Конденсаторы
• Диоды
• Транзисторы
• Микросхемы

Чтобы быстро определить нужную деталь, важно уметь отличать их по внешнему виду.

Как выглядят резисторы

Резисторы обычно имеют цилиндрическую форму с выводами на концах. На корпусе нанесены цветные полоски, обозначающие номинал сопротивления. Резисторы бывают постоянные и переменные.

Внешний вид конденсаторов

Конденсаторы могут иметь разную форму — дисковую, цилиндрическую, прямоугольную. Электролитические конденсаторы легко узнать по характерному алюминиевому цилиндрическому корпусу.

Как выглядят диоды

Диоды обычно имеют цилиндрический корпус с полоской на одном конце, обозначающей катод. Светодиоды можно узнать по прозрачному или цветному корпусу.

Внешний вид транзисторов

Транзисторы чаще всего имеют корпус TO-92 с тремя выводами или плоский корпус для поверхностного монтажа. На корпусе обычно нанесена маркировка.

Как расшифровать маркировку радиодеталей

На корпусах радиодеталей наносится маркировка, содержащая важную информацию о типе и параметрах компонента. Рассмотрим основные принципы расшифровки.

Маркировка резисторов

На резисторах номинал обозначается цветными полосками. Первые 2-3 полоски задают значащие цифры, следующая — множитель. Последняя полоска обозначает точность.

Как читать маркировку конденсаторов

На керамических конденсаторах емкость часто обозначается трехзначным числом в пикофарадах. На электролитических указывается емкость в микрофарадах и рабочее напряжение.

Расшифровка маркировки диодов

Маркировка диодов обычно содержит буквенно-цифровой код, обозначающий тип и параметры. Например, 1N4007 — выпрямительный диод на 1А и 1000В.

Как читать маркировку транзисторов

Маркировка транзисторов содержит буквенно-цифровой код. Например, BC547 — биполярный NPN транзистор общего назначения. Первые буквы обозначают тип, цифры — серию.

Особенности маркировки SMD-компонентов

Компоненты для поверхностного монтажа (SMD) имеют миниатюрные размеры, что затрудняет нанесение полной маркировки. Для них используются специальные коды.

Система кодирования SMD-резисторов

На SMD-резисторах обычно наносится 3-4 значный код. Для номиналов до 100 Ом первые две цифры — значащие, третья — множитель. Для бóльших номиналов используется буква-множитель.

Маркировка SMD-конденсаторов

Емкость SMD-конденсаторов обозначается трехзначным кодом в пикофарадах. Например, 104 означает 100000 пФ или 0.1 мкФ.

Как расшифровать код SMD-транзисторов

SMD-транзисторы часто маркируются кодом из 2-3 символов. Например, 1A означает MMBT3904. Для расшифровки нужно пользоваться специальными таблицами.

Типы корпусов радиодеталей

Корпус радиодетали защищает ее от внешних воздействий и обеспечивает монтаж на плату. Существует множество стандартизированных типов корпусов.

Корпуса резисторов

Резисторы для монтажа в отверстия обычно выпускаются в цилиндрических корпусах. SMD-резисторы имеют прямоугольную форму. Мощные резисторы могут иметь керамический корпус с радиатором.

Виды корпусов конденсаторов

Керамические конденсаторы имеют дисковую или прямоугольную форму. Электролитические выпускаются в цилиндрических алюминиевых корпусах. Пленочные могут иметь прямоугольный пластиковый корпус.

Корпуса полупроводниковых приборов

Транзисторы и диоды выпускаются в пластиковых и металлических корпусах различных типов — TO-92, TO-220, SOT-23 и др. Мощные приборы имеют корпуса с возможностью установки радиатора.

Как определить параметры радиодетали по корпусу

Тип корпуса может дать информацию о некоторых параметрах компонента.

Определение мощности резистора

Чем больше физические размеры резистора, тем большую мощность он может рассеивать. Например, резистор 0.125 Вт имеет размеры около 3.5×1.5 мм, а 0.25 Вт — 6.5×2.5 мм.

Как узнать рабочее напряжение конденсатора

Размер электролитического конденсатора связан с его рабочим напряжением. Чем оно выше, тем больше габариты при одинаковой емкости.

Определение мощности транзистора по корпусу

Маломощные транзисторы обычно выпускаются в корпусах TO-92 или SOT-23. Средней мощности — в TO-220 или D-PAK. Мощные — в TO-3 или TO-247.

Инструменты для определения радиодеталей

Для точного определения параметров радиодеталей используются специальные приборы:

• Мультиметр — для измерения сопротивления, емкости, проверки диодов
• ESR-метр — для проверки конденсаторов
• Транзистор-тестер — для определения параметров полупроводников
• LCR-метр — для точного измерения индуктивности, емкости, сопротивления

Часто задаваемые вопросы

Как отличить резистор от конденсатора?

Резисторы обычно имеют цилиндрическую форму с цветными полосками. Конденсаторы могут быть разной формы, часто дисковой или прямоугольной. На конденсаторах обычно указана емкость.

Как определить полярность диода?

На корпусе диода обычно нанесена полоска со стороны катода. У светодиодов более длинный вывод — анод.

Чем отличается биполярный транзистор от полевого?

Биполярные транзисторы имеют 3 вывода — эмиттер, базу и коллектор. Полевые также имеют 3 вывода — исток, затвор и сток. Полевые обычно более чувствительны к статическому электричеству.

Как проверить исправность резистора?

Для проверки резистора нужно измерить его сопротивление мультиметром. Если показания соответствуют номиналу с учетом допуска, резистор исправен.

Заключение

Умение определять радиодетали по внешнему виду и маркировке — важный навык для любого радиолюбителя и инженера-электронщика. Это позволяет быстро находить нужные компоненты и проверять их соответствие схеме. Регулярная практика поможет запомнить особенности различных типов радиодеталей.

Начинающим о радиодеталях | Мастер Винтик. Всё своими руками!

Для того, чтобы собрать схему какие только радиодетали и не понадобятся: резисторы (сопротивления), транзисторы, диоды, конденсаторы и т.п. Из многообразия радиодеталей надо уметь быстро отличить по внешнему виду нужную, расшифровать надпись на её корпусе, определить цоколёвку. Обо всём об этом и пойдёт речь ниже. 

Конденсатор.

Эта деталь практически встречается в каждой схеме радиолюбительских конструкций. Как правило, самый простой конденсатор — это две металлические пластинки (обкладки) и воздух между ними в качестве диэлектрика. Вместо воздуха может быть фарфор, слюда или другой материал, не проводящий ток. Через конденсатор постоянный ток не проходит, а вот переменный ток через конденсатор проходит. Благодаря такому свойству конденсатор ставят там, где нужно отделить постоянный ток от переменного.

У конденсатора основной параметр — это ёмкость.

Единица ёмкости — микрофарада (мкФ) взята за основу в радиолюбительских конструкциях и в промышленной аппаратуре. Но чаще употребляется другая единица — пикофарада (пФ), миллионная доля микрофарады (1 мкф = 1 000 нф = 1 000 000 пф). На схемах вы встретите и ту, и другую единицу. Причем емкость до 9100 пФ включительно указывают на схемах в пикофарадах или нанофарадах (9н1) , а свыше — в микрофарадах. Если, например, рядом с условным обозначением конденсатора написано «27», «510» или «6800», значит, емкость конденсатора соответственно 27, 510, 6800 пФ или n510 (0,51 нф = 510 пф или 6н8 = 6,8 нф = 6800пф). А вот цифры 0,015, 0,25 или 1,0 свидетельствуют о том, что емкость конденсатора составляет соответствующее число микрофарад (0,015 мкф = 15 нф  = 15 000 пф).

Типы конденсаторов.

Конденсаторы бывают постоянной и переменной емкости.

У переменных конденсаторов ёмкость изменяется при вращении выступающей наружу оси. При этом одна накладка (подвижная) находит на не подвижную не соприкасаясь с ней, в результате увеличивается ёмкость. Кроме этих двух типов, в наших конструкциях используется еще одна разновидность конденсаторов — подстроечный. Обычно его устанавливают в то или иное устройство для того, чтобы при налаживании точнее подобрать нужную емкость и больше конденсатор не трогать. В любительских конструкциях подстроечный конденсатор нередко используют как переменный — он более дешевле и доступнее.

Конденсаторы отличаются материалом между пластинами и конструкцией. Бывают конденсаторы воздушные, слюдяные, керамические и др. Эта разновидность постоянных конденсаторов — не полярные. Другая разновидность конденсаторов — электролитические (полярные). Такие конденсаторы выпускают большой ёмкости — от десятой доли мкф до несколько десятков мкФ. На схемах для них указывают не только ёмкость, но и максимальное напряжение, на которое их можно использовать. Например, надпись 10,0 x 25 В означает, что конденсатор емкостью 10 мкФ нужно взять на напряжение 25 В.

Для переменных или подстроечных конденсаторов на схеме указывают крайние значения ёмкости, которые получаются, если ось конденсатора повернуть от одного крайнего положения до другого или вращать вкруговую (как у подстроечных конденсаторов). Например, надпись 10 — 240 свидетель­ствует о том, что в одном крайнем положении оси емкость конденсатора составляет 10 пФ, а в другом — 240 пФ. При плавном повороте из одного положения в другое ёмкость конденсатора будет также плавно изменяться от 10 до 240 пФ или обратно — от 240 до 10 пФ.

Резистор.

Надо сказать, что эту деталь, как и конденсатор, можно увидеть во многих самоделках. Представляет собой фарфоровую трубочку (или стержень), на которую снаружи напылена тончайшая пленка металла или сажи (углерода). На малоомных резисторах большой мощности сверху наматывается нихромовая нить. Резистор обладает сопротивлением и используется для того, чтобы установить нужный ток в электрической цепи. Вспомните пример с резервуаром: изменяя диаметр трубы (сопротивление нагрузки), можно получить ту или иную скорость потока воды (электрический ток различной силы).  Чем тоньше пленка на фарфоровой трубочке или стержне, тем больше сопротивление току.

Резисторы бывают постоянные и переменные.

Из постоянных чаще всего используют резисторы типа МЛТ (металлизированное лакированное теплостойкое), ВС (влагостойкое сопротивление), УЛМ (углеродистое лакированное малогабаритное), из переменных — СП (сопротивление переменное) и СПО (сопротивление переменное объемное). Внешний вид постоянных резисторов показан на рис. ниже.

Резисторы различают по сопротивлению и мощности. Сопротивление, как Вы уже знаете

, измеряют в омах (Ом), килоомах (кОм) и мегаомах (МОм). Мощность же выражают в ваттах и обозначают эту единицу буквами Вт. Резисторы разной мощности отличаются размерами. Чем больше мощность резистора, тем больше его размеры.

Сопротивление резистора проставляют на схемах рядом с его условным обозначением. Если сопротивление менее 1 кОм, цифрами указывают число ом без единицы измерения. При сопротивлении 1 кОм и более — до 1 МОм указывают число килоом и ставят рядом букву «к». Сопротивление 1 МОм и выше выражают числом мегаом с добавлением буквы «М».

Например, если на схеме рядом с обозначением резистора написано 510, значит, сопротивление резистора 510 Ом. Обозначениям 3,6 к и 820 к соответствует сопротивление 3,6 кОм и 820 кОм соответственно. Надпись на схеме 1 М или 4,7 М означает, что используются сопротивления 1 МОм и 4,7 МОм.

В отличие от постоянных резисторов, имеющих два вывода, у переменных резисторов таких выводов три. На схеме указывают сопротивление между крайними выводами переменного резистора. Сопротивление же между средним выводом и крайними изменяется при вращении выступающей наружу оси резистора. Причем, когда ось поворачивают в одну сторону, сопротивление между средним выводом и одним из крайних возрастает, соответственно уменьшаясь между средним выводом и другим крайним. Когда же ось поворачивают обратно, происходит обратное явление. Это свойство переменного резистора используется, например, для регулирования громкости звука в усилителях, приемниках, телевизорах и т.п.

Полупроводниковые приборы.

Их составляет целая группа деталей: диоды, стабилитроны, транзисторы. В каждой детали использован полупроводниковый материал, или проще полупроводник. Что это такое? Все существующие вещества можно условно разделить на три большие группы. Одни из них — медь, железо, алюминий и другие металлы — хорошо проводят электрический ток — это проводники. Древесина, фарфор, пластмасса совсем не проводят ток. Они непроводники, изоляторы (диэлектрики). Полупроводники же занимают промежуточное положение между проводниками и диэлектриками. Такие материалы проводят ток только при определенных условиях.

Диоды.

У диода (см. рис. ниже) два вывода: анод и катод. Если подключить к ним батарею полюсами: плюс — к аноду, минус — к катоду, в направлении от анода к катоду потечет ток. Сопротивление диода в этом направлении небольшое. Если же попытаться переменить полюсы батарей, то есть включить диод «наоборот», то ток через диод не пойдет. В этом направлении диод обладает большим сопротивлением. Если пропустить через диод переменный ток, то на выходе мы получим только одну полуволну — это будет хоть и пульсирующий, но постоянный ток. Если переменный ток подать на четыре диода, включенные мостом, то мы получим уже две положительные полуволны.

Стабилитроны.

Эти полупроводниковые приборы также имеют два вывода: анод и катод. В прямом направлении (от анода к катоду) стабилитрон работает как диод, беспрепятственно пропуская ток. А вот в обратном направлении он вначале не пропускает ток (как и диод), а при увеличении подаваемого на него напряжения вдруг «пробивается» и начинает пропускать ток. Напряжение «пробоя» называют напряжением стабилизации. Оно будет оставаться неизменным даже при значительном увеличении входного напряжения. Благодаря этому свойству стабилитрон находит применение во всех случаях, когда нужно получить стабильное напряжение питания какого-то устройства при колебаниях, например сетевого напряжения.

Транзисторы.

Из полупроводниковых приборов транзистор (см. рис. ниже) наиболее часто применяется в радиоэлектронике. У него три вывода: база (б), эмиттер (э) и коллектор (к). Транзистор — усилительный прибор. Его условно можно сравнить с таким известным вам устройством, как рупор. Достаточно произнести что-нибудь перед узким отверстием рупора, направив широкое в сторону друга, стоящего в нескольких десятках метров, и голос, усиленный рупором, будет хорошо слышен вдалеке. Если принять узкое отверстие за вход рупора-усилителя, а широкое — за выход, то можно сказать, что выходной сигнал в несколько раз больше входного. Это и есть показатель усилительных способностей рупора, его коэффициент усиления.

Сейчас разнообразие выпускаемых радиодеталей очень богатое, поэтому на рисунках показаны не все их типы.

Но вернемся к транзистору. Если пропустить через участок база — эмиттер слабый ток, он будет усилен транзистором в десятки и даже сотни раз. Усиленный ток потечет через участок коллектор — эмиттер. Если транзистор прозвонить мультиметром база-эмиттер и база-коллектор, то он похож на измерение двух диодов. В зависимости от наибольшего тока, который можно пропускать через коллектор, транзис­торы делятся на маломощные, средней и большой мощности. Кроме того, эти полупроводниковые приборы могут быть структуры р-п-р или n-р-п. Так различаются транзисторы с разным чередованием слоев полупроводниковых материалов (если в диоде два слоя материала, здесь их три). Усиление транзистор не зависит от его   структуры.

А.Зотов

Литература: Б. С. Иванов, «ЭЛЕКТРОННЫЕ САМОДЕЛКИ»

Метки: [ дельные советы, начинающим ]

ПОДЕЛИТЕСЬ СО СВОИМИ ДРУЗЬЯМИ:

П О П У Л Я Р Н О Е:

• Настольная лампа из CD дисков

Простая настольная лампа для работы за компьютером своими руками

Простую настольную лампу для работы за компьютером или ноутбуком в тёмное время суток можно легко сделать из старых ненужных CD, DVD дисков.

Работая перед монитором в темноте Ваши глаза напряжены и подвержены сильным нагрузкам, поэтому необходимо иметь подсветку рабочего места, особенно клавиатуры. Подробнее…

• Ремонт кнопки шуруповерта

Как отремонтировать кнопку шуруповерта своими руками?

На примере шуруповерта Skil 2007 рассмотрим ремонт его кнопки включения питания.

Как устранить его основную часто встречающуюся болезнь — самоход?

Давайте подробнее рассмотрим в статье, ниже.

Подробнее…

• Всё о декупаже

Декупаж — волшебство своими руками.

«Декупаж» — от французского «decoupage» -вырезать – возник ещё в XX веке, когда в Европе началась новая волна интереса к забытому искусству. Сегодня мода на декупаж распространяется по миру стремительно быстро и неудержимо.

Большое множество людей с вырезают из бумаги узоры и обклеивают ею практически любые предметы, тем самым украшая их. Сотни фирм выпускают салфетки, декупажные карты, лаки и клеи для декупажа на различных предметах. Курсы по обучению искусству декупажа не имеют отбоя от учеников.

Подробнее…

Популярность: 54 033 просм.

Как определить деталь по SMD маркировке

Данная статья- небольшая попытка разобраться в той путанице, которая происходит в SMD маркировке радиоэлементов.

Если в маркировке радиодеталей советского производства существовала какая-то закономерность, то среди зарубежных радиоэлементов всегда были свои тонкости, заключающиеся в первую очередь в том, что каждый производитель, как правило, вносил свои буквенные индексы в название деталей, а с переходом на SMD ситуация только лишь ухудшилась…

Главная проблема заключается в том, что на SMD корпусе катастрофически мало места, но помимо названия детали, производитель очень часто пытается впихнуть туда еще и дополнительную инфу- номер партии, адрес производства и т.д…

Кроме этого корпус радиоэлемента так-же совершенно ни о чем не говорит- так, к примеру в довольно распространенном корпусе SOT-23 могут быть как транзисторы, так и стабилитроны (или диоды), и вот пара примеров: стабилитроны серии BZX84

А вот транзистор BCX41

В 4-х и более выводных SMD корпусах ситуация еще запутанней- это могут быть и транзисторы, и транзисторные сборки, и различные микросхемы.

Конечно- же производитель обычно указывает информацию по маркировкам в даташитах, но и от этого ничуть не легче- как правило в даташитах прилагается дополнительная инфа в виде символов типа «*» или буквенных индексов

Пример первый: информация из даташита цифрового транзистора серии PDTC123E:

Здесь сказано что буква «W» перед кодом 26 означает что данный транзистор китайского производства.

Пример второй: довольно распространенная микросхема ШИМ-контроллер LD7536 в корпусе SOT-26

Сама по себе микросхема имеет SMD маркировку p36, однако на корпусе имеются еще несколько символов: это и год изготовления, и неделя изготовления и код продукции.

Имеется и еще одна, не совсем страшная, но все-таки проблема- это различная маркировка корпусов у разных производителей.
Дело в том, что и тут имеются свои стандарты:
1. De Facto Standart — общепринятое обозначение корпуса

2 JEDEC — Joint Electron Devices Engineering Council (США)

3. JEITA — Japan Electronics and Information Technology Industries Association

4. А иногда и фирменное — обозначение корпуса, принятое в отдельной компании

Так, к примеру, довольно распространенный корпус

В разных даташитах может называться по разному: SOT-523, SOT-490, SC89-3.

В общем, подводя итоги всего вышесказанного вывод напрашивается сам- если возникла необходимость определить деталь по SMD маркировке, то необходимо одновременно рассматривать несколько вариантов. Для ясности- приведем один пример:

Предположим, у нас имеется неизвестная деталька, в 3-х ногом SMD корпусе, и выглядит она так:

Для того чтобы определить наименование, требуется одновременно рассматривать три варианта маркировки:

1. W26 смотрим в этой таблице
2. W2* смотрим в этой таблице
3. *26 смотрим в этой таблице

При этом так-же еще необходимо и учитывать размеры корпуса ( в данном случае это SOT-23) и схемы включения.

Согласен- итоги статьи малоутешительны, однако если у Вас возникли проблемы- Вы можете заглянуть к нам на ФОРУМ, подумаем вместе!
Кроме этого- мы стараемся ежедневно просматривать массу различных источников и даташитов, так что информация на сайте постоянно пополняется.

Важно!!! Для того чтобы пройти регистрацию на нашем форуме, настоятельно советую заглянуть сначала СЮДА.

Ниже приводится таблица SMD корпусов различных радиоэлементов, надеемся она облегчит Вам поиски нужной информации

Внешний вид	Размеры	Название
	Два вывода
	7,0х6,0х2,6мм	smcj do214ab
	4,6х3,6х2,3мм	smbj do214aa
	4,5х1,4х2,5мм	gf1 do214ba
	4,5х2,6х2,0мм	smaj do214ac
	2,6х1,6х1,1мм	sod123 do219ab
	2,6х1,6х1,1мм	sod123f
	2,0х1,3х1,6мм	sod110
	1,7х1,25х0,9мм	sod323 sc76
	1,7х1,25х0,9мм	sod323f sc90a
	1,6х0,8х0,4мм	sod1608
	1,2х0,8х0,6мм	sod523f sc79
	1,0х0,6х0,45мм	sod822 tslp2
	Три вывода
	9,8х8,8х4,0мм	d2pak to263
	6,6х6,1х2,3мм	dpak to252aa
	6,5х4,6х1,1мм	smpc to277a
	6,5х3,5х1,8мм	sot223 to261aa sc73
	4,7х2,5х1,7мм	sot89 to243aa sc62
	2,9х1,8х0,8мм	sot23f
	2,9х1,5х1,1мм	sot346 to236aa sc59a smini
	2,9х1,3х1,0мм	sot23 to236ab
	2,0х2,0х0,65мм	sot1061
	2,0х1,25х0,9мм	sot323 sc70 usm
	1,6х0,8х0,7мм	sot523 sot416 sc75a
	1,6х0,8х0,7мм	sot523f sot490 sc89-3 UMT3F
	1,2х0,8х0,5мм	sot723 sc105aa tsfp-3
	1,0х0,6х0,5мм	sot883 sc101 tslp3-1
	0,8х0,6х0,37мм	sot1123
	4 Вывода
	4,8х3,9х2,5мм	mbs to269aa
	4,4х4,1х2,0мм	sop4
	4,4х2,6х2,0мм	ssop4
	6,5х3,5х1,8мм	sot223-4
	2,9х1,3х1,0мм	sot143
	2,9х1,3х1,0мм	sot143r
	2,0х1,3х0,9мм	sot343
	1,6х1,2х0,5мм	sot543
	1,4х0,8х0,55мм	tsfp4-1
	1,2х0,8х0,4мм	tslp4
	1,0х1,0х0,6мм	dfn4
	0,75х0,75х0,63мм	dsbga4 wlcsp
	5 выводов
	9,8х8,8х4,0мм	d2pak5 to263-5
	6,6х6,1х2,3мм	dpak5 to252-5
	6,5х3,5х1,8мм	sot223-5
	3,3х3,3х1,0мм	mo240 pqfn8l
	4,5х2,5х1,5мм	sot89-5
	2,9х1,6х1,1мм	sot23-5 sot25 mo193ab mo178aa sc74a tsop5 sot753
	2,9х1,6х1,0мм	sct595
	2,0х1,25х0,95мм	sot353 mo203aa sc88a sc70-5 tssop5
	1,6х1,2х0,6мм	sot553 sot665 sc107
	0,8х0,8х0,35мм	sot1226 x2son5
	6 Выводов
	3,0х2,0х0,75мм	mlp2x3 mo229 dfn2030-6 lfcsp6
	3,0х1,7х1,1мм	ssot6 mo193
	2,0х2,0х0,75мм	dfn2020-6 sot1118 wson6 llp6
	2,9х1,6х1,1мм	sot23-6 sot-26 mo178ab sc74
	2,9х1,6х0,9мм	tsot6 mo193
	2,0х1,25х1,1мм	sot363 mo203ab ttsop6 sc88 sc70-6 us6
	1,6х1,2х0,6мм	sot563f sc89-6 sc170c sot666
	1,45х1,0х0,55мм	sot886 mo252 xson6 mp6c
	1,2х0,8х0,4мм	wlcsp6 dsbga6
	8 выводов
	4,4х3,0х1,0мм	tssop8 mo153
	3,05х1,65х1,05мм	chipfet
	3,0х3,0х0,9мм	tdfn8 wson8 lfcsp8
	2,0х2,0х0,85мм	mlf8
	3,0х3,0х1,1мм	msop8 mo187aa
	3,0х3,0х0,75мм	vssop8
	Более 9 выводов	количество выводов указано значками **
	3,0х3,0х1,1мм	usoic** rm** micro**
	3,0х3,0х0,9мм	tdfn** vson** dfn** wson**
	2,9х2,5х1,1мм	msop** mo187da
	1,8х1,4х0,5мм	uqfn**
		wdfn**
	1,45х1,45х0,6мм	bga** **9pin flip-chip

javascript — изменить внешний вид тега выбора на переключатель

Задавать вопрос

спросил 8 лет, 8 месяцев назад

Изменено 8 лет, 8 месяцев назад

Просмотрено 245 раз

Доброе утро,

У меня есть веб-страница, на которой вы можете оценивать системы.

Я создал javascript для динамического добавления новых систем для оценки и их удаления. Проблема в том, что мне приходится вручную менять имена переключателей, чтобы они не стали одним гигантским переключателем.

При добавлении новых кнопок легко просто изменить название новых переключателей с переключателя-0 на переключатель-1. Но при удалении я должен переименовать все элементы, иначе будут пробелы (радио-кнопка-0 и радио-кнопка-2 существуют, но не радио-кнопка-1).

С другой стороны, выборки не нужно переименовывать. Они будут просто выбраны отдельно, и я могу легко проверить их значение позже как массив.

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

Я бы предпочел не использовать теги XForms Select1.

Спасибо,

• javascript
• jquery
• html
• css
• переключатель

3

Единственное, что вы можете стилизовать для a + , это background-color и color .

Вероятно, самый простой способ добиться того, чего вы хотите, это использовать какой-нибудь плагин. Либо так, либо вы могли бы написать какой-то сценарий, который заполняет X количество переключателей с увеличивающимся именем, чтобы идти под каждым тегом с классом Y.

2

Зачем вам называть их по номеру? Почему вы не можете назвать их по метке атрибута, которая у вас есть, если для данных требуются имя/метка/атрибут.

Тогда пробелов не будет, потому что вы используете метки вместо цифр. Конечно, это требует, чтобы каждая метка была уникальной. Но я не понимаю, почему кто-то хотел бы добавить 2 метки/атрибута с одинаковым именем, чтобы вы могли проверить это.

Зарегистрируйтесь или войдите в систему

Зарегистрируйтесь с помощью Google

Зарегистрироваться через Facebook

Зарегистрируйтесь, используя электронную почту и пароль

Опубликовать как гость

Электронная почта

Требуется, но никогда не отображается

Опубликовать как гость

Электронная почта

Требуется, но не отображается

vuejs2 — Как проверить переключатель в Vue.

JS 2 БЕЗ использования v-model

Я пытаюсь установить проверенное значение списка переключателей в Vue.JS 2. Я просмотрел существующие статьи здесь и попробовал их а также несколько различных ручных подходов, и я просто не могу заставить это работать вообще.

Я НЕ использую здесь v-model, так как я работаю над пользовательским элементом управления списком переключателей, который используется конструктором форм. Это еще более усложняется тем фактом, что я строю сверху вложенный список переключателей для обработки логических значений, допускающих значение NULL. Если отбросить эту сложность, мой радиодеталь выглядит так….

 <шаблон>
  <дел>
    {{ вводный текст }}
    <ул>
      

        <тип ввода="радио"
               :id="item.key ? item.key.toKebabCase() : item.toKebabCase()"
               : имя = "защита"
               :value="item.value != undefined ? item. value : item"
               :отключено="отключено"
               :checked="проверено(элемент)"
               @input="на входе"
               @change="$emit('change', $event.target.checked)">
        {{ item.text ? item.text : элемент }}
      
    
  

<скрипт>
экспорт по умолчанию {
    реквизит: {
        защита: {
            тип: Строка,
            требуется: правда
        },
        вступительный текст: {
            тип: Строка,
            по умолчанию: ''
        },
        параметры: {
            тип: Массив,
            требуется: правда
        },
        Начальное значение: {
            тип: [строка, число, логическое значение],
            по умолчанию: ноль
        },
        неполноценный: {
            тип: логический,
            по умолчанию: ложь
        }
    },
    данные() {
        возвращаться {
            значение: this.initialValue
        }
    },
    методы: {
        _parseValue () {
            вернуть это значение? parseInt(this. value): ноль
        },
        проверено (элемент) {
            const checked = item.value === this.value || элемент === это.значение || item.value == this._parseValue()
            this.$logger.logObject({ item, parentValue: this.value, checked }, 'Проверка значения элемента')
            возврат проверен
        },
        при вводе ($ событие) {
            это.значение = $event.target.checked
            this.$emit('input', $event.target.checked)
        }
    }
}

 

Из журнала я вижу, что значение ‘checked’ ДОЛЖНО быть установлено правильно (но это не так).

Я также попытался разделить входной тег на оператор ‘v-if’, чтобы у меня был один с проверенным набором параметров, а другой без (хотя это было ужасно), и это работало с точки зрения HTML (checked=» проверено» появилось там, где я ожидал), но в браузере ни один из двух вариантов не был проверен.

Я потребляю компонент через логический рендерер компонента, который выглядит так…

 <шаблон>
  

<скрипт>
экспорт по умолчанию {
    реквизит: {
        защита: {
            тип: Строка,
            требуется: правда
        },
        вступительный текст: {
            тип: Строка,
            по умолчанию: ''
        },
        Начальное значение: {
            тип: [строка, логическое значение],
            по умолчанию: ноль
        },
        неполноценный: {
            тип: логический,
            по умолчанию: ложь
        }
    },
    вычислено: {
        параметры() {
            возвращаться [{
                ключ: «да»,
                текст: «Да»,
                значение: правда
            }, {
                ключ: «нет»,
                текст: «Нет»,
                значение: ложь
            }]
        }
    }
}

 

Затем это в конечном итоге используется в такой форме. ..

Сквозные значения, похоже, работают нормально. Основная проблема, с которой я столкнулся, заключается в том, что он НЕ будет указывать текущий выбранный элемент из каких-либо существующих данных.

Я пробовал предложения здесь — радио-вход Vue.JS без v-модели и здесь — флажок Vue.JS без v-модели без особого успеха.

Используя приведенный ниже пример, я попытался максимально сократить это, добавляя по частям динамические элементы из моих компонентов, чтобы определить корень проблемы.

Теперь у меня есть более простой компонент, который выглядит так…