За последние 24 часа нас посетили 17862 программиста и 1657 роботов. Сейчас ищут 1855 программистов ...

радиокнопки превратить в чебоксы

Тема в разделе "HTML и CSS", создана пользователем kotik2, 17 ноя 2015.

  1. kotik2

    kotik2 Новичок

    С нами с:
    10 окт 2015
    Сообщения:
    39
    Симпатии:
    0
    использовать чебоксы не предлагать.
    нужно поменять стиль радиокнопок, чтобы они выглядели как чебоксы.
    Нужна кроссбраузерность.
    Код (PHP):
    1. input[type="radio"]{
    2.     -webkit-appearance:checkbox; /*chrome,safari,opera*/
    3.     -moz-appearance:checkbox; /*firebox*/
    4.     -ms-appearance:checkbox; /*not currently supported*/
    5. } 
    не работает в IE, в опере.
    Что делать?

    PHP, JavaScript, SQL и другой код пишите внутри тегов
    Код ( (Unknown Language)):
    1. [b]php][/b]Тут код[b][/[/b][b]code][/b][/color]
     
  2. igordata

    igordata Суперстар
    Команда форума Модератор

    С нами с:
    18 мар 2010
    Сообщения:
    32.408
    Симпатии:
    1.768
    А что если я скажу, что это можно сделать, если в полнолуние засунуть в жопу ёлку?

    Добавлено спустя 24 секунды:
    А, ну да, забыл. Не засовывать не предлагать, нужна кроссбраузерность.
     
  3. denis01

    denis01 Суперстар
    Команда форума Модератор

    С нами с:
    9 дек 2014
    Сообщения:
    12.227
    Симпатии:
    1.714
    Адрес:
    Молдова, г.Кишинёв
  4. mahmuzar

    mahmuzar Старожил

    С нами с:
    6 апр 2012
    Сообщения:
    4.631
    Симпатии:
    425
    Адрес:
    РД, г. Махачкала.
    так ведь поведение checkbox and radiobutton разное, если хоть вид поменять а как быть с множественным выбором, если это требуется?
     
  5. kotik2

    kotik2 Новичок

    С нами с:
    10 окт 2015
    Сообщения:
    39
    Симпатии:
    0
    Мне не нужен множественный выбор как у чебоксов.
    Мне нужны стиль радиокнопок как у чебоксов.
     
  6. artoodetoo

    artoodetoo Суперстар
    Команда форума Модератор

    С нами с:
    11 июн 2010
    Сообщения:
    11.115
    Симпатии:
    1.244
    Адрес:
    там-сям
  7. igordata

    igordata Суперстар
    Команда форума Модератор

    С нами с:
    18 мар 2010
    Сообщения:
    32.408
    Симпатии:
    1.768
    Ты же в курсе, что они в разных браузерах по-разному рисуются, да?
     
  8. kotik2

    kotik2 Новичок

    С нами с:
    10 окт 2015
    Сообщения:
    39
    Симпатии:
    0
    Я пониааю, но стиль html немного другой, и изменить его нельзя.
    Код (PHP):
    1. <div class="fields boolean">
    2.     <label><input type="radio" value="1" name="UF_PRICE_LIST">да</label><br>
    3.     <label><input type="radio" value="0" name="UF_PRICE_LIST" checked="">нет</label>
    4. </div>
    5.  
    вот стиль...
    Код (PHP):
    1. div.boolean br{display:none;}
    2. div.boolean>label {
    3.   display: inline-block;
    4.   text-align: left;
    5.   padding: 0;
    6.   margin: 0 10px 0 0;
    7. }
    8. input[type="radio"] {
    9.   visibility: hidden;
    10. }
    11. label:before{
    12.   display: inline-block;
    13.   content: "";
    14.   width: 20px;
    15.   height: 20px;
    16.   border: 1px solid grey;
    17.   margin-right: 10px;
    18.   cursor: pointer;
    19.   border-radius: 4px;
    20.   background: url('http://www.dis-ag.com/SiteCollectionDocuments/images/checkbox-sprite.png');
    21.   background-size: 100%;
    22. }
    23.  
    а как задать стиль для checked?
    Код (PHP):
    1. input[type="radio"]:checked + label:after {
    2.   background-position: 0 -21px;
    3. } 
    PHP, JavaScript, SQL и другой код пишите внутри тегов
    Код ( (Unknown Language)):
    1. [b]php][/b]Тут код[b][/[/b][b]code][/b][/color]
     
  9. Fell-x27

    Fell-x27 Суперстар
    Команда форума Модератор

    С нами с:
    25 июл 2013
    Сообщения:
    12.156
    Симпатии:
    1.770
    Адрес:
    :сердА
    Автор хочет чекбоксы с поведением как у радиобатонов.
    И, вместо того, чтобы написать пару строчек на JS, которые будут 100% кроссбраузерно заставлять чекбоксы работать как радиобатоны, он пытается перерисовать радиобатоны в чекбоксы.

    Автор, зубы лучше дергать через рот. Через задницу, конечно, тоже можно, но зачем?

    Я более того скажу, с вероятностью 146%, можно нагуглить сниппеты для этого, даже если ты не знаешь JS.
     
  10. kotik2

    kotik2 Новичок

    С нами с:
    10 окт 2015
    Сообщения:
    39
    Симпатии:
    0
    Код (PHP):
    1.  $( document ).ready(function() {
    2.          if($("input[type=radio]").attr("checked") == 'checked') { 
    3.               $("input[type=radio]").parent("label").css(" background-position","0 -21px");
    4.        }
    5.  }); 
    но не получается....

    Добавлено спустя 2 минуты 3 секунды:
    повторюсь,,, нет таких типов полей в битриксе. есть только радиобатоны.

    PHP, JavaScript, SQL и другой код пишите внутри тегов
    Код ( (Unknown Language)):
    1. [b]php][/b]Тут код[b][/[/b][b]code][/b][/color]
     
  11. Fell-x27

    Fell-x27 Суперстар
    Команда форума Модератор

    С нами с:
    25 июл 2013
    Сообщения:
    12.156
    Симпатии:
    1.770
    Адрес:
    :сердА
    А ты разобрался, что тут написано в коде? И зачем для такой тривиальщины JQuery?

    Но ведь пользователю в браузер передается HTML, карл, а в HTML есть это все...

    И да, на сайтах с битриксом не раз видел и радиобатоны и чекбоксы. Может, ты что-то где-то делаешь не так?