флажки размера

2

Можно ли сделать флажок большой? До сих пор источники, которые я читал, говорили, что это почти

невозможно.

Я пробовал Cssclasses, и он тоже не работал. Я не хочу обманывать и использовать TextBox.

Как увеличить флажки?

Теги:
visual-studio

6 ответов

2
Лучший ответ

Вам, вероятно, придется поменять образ с помощью JavaScript и иметь скрытое поле, которое вы отправляете.

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

<img src="checked.gif" onclick="toggle()" id="imgCheck"/>
<input type="hidden" id="hdnValue" value="true"/>
<script>
function toggle() {
   var hdnValue = document.getElementById('hdnValue');
   var imgCheck = document.getElementById('imgCheck');
   if(hdnValue.value == 'true') {
      hdnValue.value = 'false';
      imgCheck.src = 'unchecked.gif';
   }else{
      hdnValue.value = 'true';
      imgCheck.src = 'checked.gif';
   }
}
</script>

Надеюсь, что это поможет.

Поделиться
2

Да, используя css:

<input type="checkbox" class="largerCheckbox" name="checkBox">

<style type="text/css">
input.largerCheckbox
{
    width: 30px;
    height: 30px;
}
</style>

Это работает в IE, Firefox и Chrome (2.0.172.43), но не в Safari и Opera.

Если ваша цель состоит в том, чтобы просто сделать зону с кликом для флажка больше, вы можете использовать метки:

<asp:CheckBox runat="server" ID="foo" />
<asp:Label runat="server" AssociatedControlID="foo">Click me</asp:Label>

Это позволит переключить флажок, щелкнув метку.

Поделиться
  • 0
    только что протестированный в IE, Firefox и Chrome, он вообще не работает ... он просто добавляет отступы вокруг флажка.
  • 1
    +1 - у меня работал в IE
Показать ещё 12 комментариев
2

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

Не говоря уже о том, что, как вы нашли, это боль в прикладе.

Если вы пытаетесь предоставить большую область, в которой вы можете проверить пользователя, подумайте об использовании элемента <label>, который позволит флажку, поддерживающему текст, действовать как триггер.

Поделиться
  • 0
    ASP.NET (веб-формы) отображает метку при использовании элемента управления флажка, например: <input id = "ctl02" type = "checkbox" name = "ctl02" /> <label for = "ctl02"> Некоторое описание < / метка>. Наличие как флажка, так и метки, на которую можно кликнуть, использует закон Фиттса, и это хорошо.
  • 0
    Я был почти уверен, что это так, но я ни в коем случае не парень из ASP.NET.
Показать ещё 1 комментарий
1

Я не тестировал это в каждом браузере, но я обнаружил, что флажок установлен в качестве тега span, а внутри диапазона - это флажок.

Таким образом, даже если вы примените cssclass или стиль для asp: checkbox, он фактически применяется к диапазону, а не к флажку.

Итак, я нашел, что это работает для меня:

<input type="checkbox" class="largerCheckbox" name="checkBox">
<style type="text/css">
    .largerCheckbox input{    
         width: 30px;    
         height: 30px;
    }
</style>

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

Поделиться
0

В asp.net флажок станет диапазоном с вводом типа "флажок"

Чтобы изменить размер, просто примените класс css к флажку asp.net и добавьте его в таблицу стилей. стиль должен быть применен к встроенному входу флажка следующим образом:

.ChkBoxClass input {width: 25px; высота: 25px;}

Поделиться
0

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

есть куча этих. если вы используете jQuery, есть такие вещи, как Настроить элемент управления HTML с помощью jQuery (флажок + радио)

Поделиться

Ещё вопросы

Сообщество Overcoder
Наверх
Меню