javascript - 在纯 Javascript 中获取复选框 onclick 的 ID 或值

Question

我正在为我的公司编写脚本，单击复选框后:

• 触发函数 OptionSelected()
• 获取 ID那个复选框
• 根据 ID 执行按位运算

或者，最好是:

• 触发函数 OptionSelected()
• 获取分配给该复选框的整数( <input="checkbox" value="2" ，得到 2 )
• 对 value 执行按位运算.

为了调试，我让我的代码向我返回一个警报，其中包含值。我还没有写按位运算部分。

这是我的js代码:

function OptionsSelected(e)
{
    alert(e.target.id);
}

以及它引用的示例复选框:

<input type="checkbox" name="checkgrp" onclick="return OptionsSelected(e)" value="2" id="eXAMPLE"><LABEL id="LeXAMPLE"></LABEL>

当我在运行时单击该框时，我收到此 javascript 错误消息:

有人解决这个问题吗？我想这很简单，所以除了提供您的修复之外，您能否解释一下为什么您的修复有效？

如果您的解决方案通过直接按位拉动 value 节省了我的时间，则加分代替实际的 ID .

注意:我不能使用 GetElementByID方法，因为我将获取 ID或 value ，不使用它来执行操作。

谢谢大家!

Answer 1

当您使用 onclick 属性调用脚本时，您是在自己调用该函数。所以在这种情况下，您将传递一个名为 e 的变量，您从未定义过它。

相反，您可以传递对您单击的复选框的引用:

<input type="checkbox" name="checkgrp" onclick="return OptionsSelected(this)" value="2" id="eXAMPLE"><LABEL id="LeXAMPLE"></LABEL>

在 OptionsSelected 中你会这样做:

function OptionsSelected(me)
{
    alert(me.id);
}