Как отключить функциональность переключателя?

-1

Я хочу использовать переключатели как элемент дизайна, без каких-либо функций. Пользователь не может проверить или снять отметку с них.Как отключить функциональность переключателя?

<div id="divRadios"> 
<input type="radio"> 
<input type="radio"> 
... 
</div>

Я полагаю, что решение может быть поместить отдельный пустой DIV над #divRadios и придать ему более высокий Z-индекс, но может быть, есть более родной путь?

источник

2013-06-08 bonaca

Зачем вам это нужно? Вы только создадите путаницу и разочарование для своих пользователей. –

Просто используйте изображения, если сможете. Радиокнопки будут выглядеть по-разному на каждой платформе и даже будут иметь разные размеры. – Thomas

@MattiasBuelens, не будет никакой путаницы. Кнопки находятся внизу страницы, как граница, а не строка. – bonaca

Вы можете использовать «инвалид» атрибут на входе радио элемент:

<div id="divRadios"> 
<input type="radio" disabled> 
<input type="radio" disabled> 
... 
</div>

источник

2013-06-08 12:27:32 robertp

Просто отключить их:

<input type="radio" disabled>

источник

2013-06-08 12:27:19

, но «disabled» изменяет внешний вид (непрозрачность) кнопок. – bonaca

Каждый браузер будет стилизовать кнопки по-разному. Вышеприведенные комментарии верны: если вы хотите получить границу, используйте границу. Html @heartcode и я показал, что вы - правильный способ отключить ввод. –

Хорошо, допустим, решились. Большое спасибо. – bonaca

другой способ отключить радио, не теряя это фактический стиль (без 'инвалид' тега)

<input type="radio" id="rd1" name="radio"> 
    <input type="radio" id="rd2" name="radio" style="display: none;"> 

    <script> 
    $('#rd1').click(function(e) { 
     $('#rd2').click(); 
    }); 
    </script>

источник

2013-06-08 12:59:32

Prakash, спасибо. Наконец, ответ на вопрос, без уроков о вкусах. – bonaca

@SunSky, не имеет ничего общего с вкусами. Это связано с семантикой, которая является одной из самых важных вещей в Интернете. Не только обслуживайте людей с полностью функционирующими глазами. Во всяком случае, часть кода в этом ответе смехотворна. Какой смысл иметь щелчок по щелчку на скрытом вводе ??? Если вы не хотите стрелять по клику, просто используйте 'e.preventDefault();'. Но этот вопрос не был помечен как вопрос JavaScript. –

e.preventDefault() не работает. вы пробовали этот код? ты думаешь, что знаешь все? если так, то вы являетесь foool. сначала верьте свой код. затем посмотрите на других ». если вы правильно поняли вопрос, тогда вы узнаете, чей ответ правильный. автору нужен радиокнопка для проектной цели.поэтому он не должен быть отключен, если так он теряет свой реальный стиль. также, если мы используем стили CSS, чтобы изменить внешний вид элемента, чтобы он выглядел как радио, тогда невозможно получить доступ к проверенному радио (автор попросил как проверенные, так и непроверенные режимы). –

не использование <input type = 'radio' />, если вы не хотите пользователю проверить

создать span или div и добавить radio класс к нему:

.radio{ 
    -moz-appearance:radio; 
    -webkit-appearance:radio; 
    }

источник

2013-06-08 13:22:03

как насчет проверенного радио? –

У вас может быть флажок или радио. Радиоприемник не будет проверен. Согласно вопросу, радио предназначено только для показа, а не для проверки. SOS зачем использовать радиокнопку ???? –

В качестве расширения ответ на @ user2404546, лучшее решение, кажется, только но используйте внешний вид, если хотите изменить его внешний вид:

.radio{ 
    -moz-appearance:radio; 
    -webkit-appearance:radio; 
} 

<input class="radio" type="checkbox">

источник

2016-07-16 19:43:04 Morey

Как отключить функциональность переключателя?

ответ

Смежные вопросы