Флажки не «проверяют» - пытаются прочитать чужой код

Question

Я пытаюсь прочитать чужой код (они в отпуске), и они используют HTML 5, с которым я менее знаком.

По какой-то причине, когда я нажимаю флажки, они не выбираются.

Вот код:

<fieldset>
<legend>I would like a quote on the following products:</legend>
<div class="divider">
<h3 style="cursor: pointer;">
<input type="checkbox" value="Selective Pallet Rack – Roll Formed" name="Quote_on_Products[]">
Roll Formed Selective Pallet
</h3>
<h3 style="cursor: pointer;">
<input type="checkbox" value="Selective pallet Rack – Structural" name="Quote_on_Products[]">
Structural Selective Pallet
</h3>
<h3 style="cursor: pointer;">
<input type="checkbox" value="Drive In / Drive Thru Rack" name="Quote_on_Products[]">
Drive In / Drive Thru Rack
</h3>
<h3 style="cursor: pointer;">Other</h3>
<textarea name="Other_Products"></textarea>
</div>
<div class="divider">
<h3 style="cursor: pointer;">
<input type="checkbox" value="Push Back Rack" name="Quote_on_Products[]">
Push Back Rack
</h3>
<h3 style="cursor: pointer;">
<input type="checkbox" value="Pallet Flow Rack" name="Quote_on_Products[]">
Pallet Flow Rack
</h3>
<h3 style="cursor: pointer;">
<input type="checkbox" value="Cantilever Rack" name="Quote_on_Products[]">
Cantilever Rack
</h3>
<h3 style="cursor: pointer;">
<input type="checkbox" value="Safety Products" name="Quote_on_Products[]">
Safety Products
</h3>
</div>
</fieldset>

Это может быть тег h3? Значения, содержащие нечетные символы? Я в недоумении, почему он не позволил бы мне щелкнуть флажок.

Answer 1

Трудно отлаживать код, который вы не писали и никогда не видели раньше. Возможно, вы захотите проверить все соответствующие файлы javascript, которые могут препятствовать проверке флажков. Обработчики событий щелчка могут быть добавлены динамически при загрузке страницы из js-файла, и эти обработчики могут выполнять практически все, в том числе связываться с вашими флажками.

Answer 2

Я только что столкнулся с этой проблемой и заметил это правило в CSS

input { -webkit-appearance:none; }

Его цель - запретить iOS применять собственный стиль к кнопкам.Это также предотвратило появление галочки, поэтому я переместил правило в кнопку ввода [type = submit].Проблема решена.

Answer 3

Если события кнопок не работают, узнайте, что происходит.Используйте либо firebug, либо IE (хотите верьте, хотите нет), чтобы узнать текущее событие onclick.Если в конце кода возвращается false, именно поэтому он, по-видимому, «ничего не делает».

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

Answer 4

Ничего плохого в HTML. Я создал JSFiddle с вашим HTML, и я могу установить флажки. Вот JsFiddle http://jsfiddle.net/zDwkH/

Как правильно указал ean5533, проверьте, есть ли какой-либо javascript, который не позволяет установить эти флажки.