2015-03-13 2 views
0

У меня есть настраиваемый переключатель, и с этим он не отвечает на selected="selected" в своем теге. Есть ли другое решение, чтобы сделать его выбранным?У вас есть пользовательская кнопка, выбранная по умолчанию

Это настраиваемый код, так как вы можете видеть, что оригинал просто скрыт. Если я попытаюсь нажать кнопку «Отправить» в форме с по умолчанию selected="selected", он говорит, что мне нужно заполнить все поля (только на радио, но уведомление появится в левом верхнем углу моего браузера).

label { 
    display: inline-block; 
    cursor: pointer; 
    position: relative; 
    padding-left: 25px; 
    margin-right: 15px; 
    font-size: 13px; 
} 

input[type=radio] { 
    display: none; 
} 

label:before { 
    content: ""; 
    display: inline-block; 

    width: 12px; 
    height: 12px; 

    margin-right: 10px; 
    position: absolute; 
    left: 0; 
    background: #ffffff; 
    border: 1px solid #c8ccce; 

} 

input[type=radio]:checked + label:before { 
    content: '\2713'; 
    color: green; 
    font-size: 12px; 
    text-align: center; 
    line-height: 12px; 

} 

ответ

2

Нравится ли это?

<input type="radio" name="car" value="850" id="small" checked> Атрибут 'checked'.

http://codepen.io/jacobgDK/pen/ZYxmdp Используется здесь, надеюсь, это правильный ответ.

+0

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

+0

Не могу поверить, что я не думал использовать 'checked'. Недавно я использовал так много выпадающих списков, что 'selected' просто выгравирован в моем сознании. Благодарю. – invidious

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