复选框“错误：无法获取属性‘已检查’的值：对象为空或未定义”答案

【问题标题】：Checkbox "Error: Unable to get value of the property 'checked': object is null or undefined"复选框“错误：无法获取属性‘已检查’的值：对象为空或未定义”
【发布时间】：2012-12-18 09:55:17
【问题描述】：

我正在尝试解决是否选中了复选框。这似乎相当简单。

<script type="text/Javascript">
function ValidateReqNum() {

        var zCheckBox = document.getElementById('chkAllJobs');

        if (zCheckBox.checked)
            alert("true");

        if (!zCheckBox.checked)
            alert("false");

        return true;
    }
</script>

和复选框：

 <asp:CheckBox ID="chkAllJobs" runat="server" Text="All Jobs" />

调用自：

<asp:Button ID="btnPrintReport" runat="server" Text="Run Report" 
  OnClientClick="return ValidateReqNum();" OnClick="CreatePDFJobReport" />

我已经尝试了几十种不同的方法，并且它不断返回

Error: Unable to get value of the property 'checked': object is null or undefined

我在同一个 aspx 页面中的其他元素报告得很好。我可以从我的 c# 代码中调用 chkAllJobs，我也可以解决它是否也从 c# 检查。

【问题讨论】：

你的错误信息告诉你 zCheckBox 是未定义的，看看@Kaf 的回答，应该可以解决问题

标签： javascript asp.net checkbox

【解决方案1】：

如果您使用母版页，则客户端子页的控制 ID 将与其服务器 ID 不同。因此，不要使用服务器控件名称，而是尝试将其客户端 ID 用作；

var zCheckBox = document.getElementById('<%= chkAllJobs.ClientID %>');

function ValidateReqNum() {
   alert(zCheckBox.checked);
}

【讨论】：

就是这样，谢谢！它让我难了一会儿，因为它是“ClientID”，但你太棒了。非常感谢。
不客气！我明白了，我已将ClientId 更改为ClientID。
也可以设置属性ClientIDMode="Static"。见：msdn.microsoft.com/en-us/library/…

【解决方案2】：

这里是复选框如何工作的示例。如果您有以下复选框：

 <input id="Checkbox" type="checkbox" name="mycheckbox" value="5"/>

然后你可以使用表单集合获取值

label_Result.text = Request.Form["mycheckbox"];

因此，只有选中该复选框，您才会得到值 5。

【讨论】：