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文件的页面加载中动态添加Click事件处理程序，这些处理程序几乎可以执行任何操作，包括弄乱您的复选框。

Answer 2

Html没有错。我用你的Html创建了JSFiddle，我可以检查复选框。这是JsFiddle http://jsfiddle.net/zDwkH/

正如ean5533正确指出的那样，检查是否有任何javascript阻止检查这些复选框。

Answer 3

如果按钮事件无效，请查看正在发生的事情。使用firebug或IE（信不信由你）来了解当前的onclick事件是什么。如果代码在结尾处返回false，那么这就是为什么它显然“无所事事”。

但，也认为它可能是一个渲染问题。例如，如果有一个层位于其上方且具有较高的z-index而您无法看到，则按钮可能无法触发其onclick功能！

Answer 4

我也遇到了这个问题，并在CSS中注意到了这个规则

input { -webkit-appearance:none; }

其目的是阻止iOS将自己的样式应用于按钮。它还阻止了勾号显示，因此我将规则移动到输入[type = submit]，按钮。问题解决了。

复选框没有“检查” - 试图读取其他人的代码

4 个答案: