跨度单击不起作用

Question

为什么点击事件未在此处触发

HTML

<div class="checkboxBtn">
  <span class="cheked" onclick="CheckSelected();"></span>
  <input id="23" type="checkbox"></input>
  <label>Compare Now </label>
</div>

JS

function CheckSelected() {
        alert("");
    }

图片中的复选框是范围标记

Answer 1

在你的html中，span标记中没有任何内容，因此无法点击任何内容。尝试在span标记中包含输入和标签标记，您应该可以触发CheckSelected（）函数。

Answer 2

因为<span>中没有任何内容，所以它是0px xpx，因此没有任何内容（可见）可供点击。

此外，<input>元素是自动关闭的，您不包含</input>。

也许您打算将<span>包裹在<input>：

周围

<div class="checkboxBtn">
    <span class="cheked" onclick="CheckSelected();">
        <input id="23" type="checkbox">
    </span>
    <label>Compare Now </label>
</div>

JSFiddle

或者，<span>周围的<input>：

<div class="checkboxBtn">
    <input id="23" type="checkbox">
    <span class="cheked" onclick="CheckSelected();">
        <label>Compare Now </label>
    </span>
</div>

JSFiddle