asp.net 复选框 onchange javascript 不起作用答案

【问题标题】：asp.net checkbox onchange javascript not workingasp.net 复选框 onchange javascript 不起作用
【发布时间】：2016-05-28 03:26:51
【问题描述】：

我有两个复选框，我希望它们充当单选按钮（选中时，另一个应该取消选中）

以下代码无法正常工作。

HTML：

<asp:CheckBox ID="CHK_Reviewd" Checked="true" Visible="false" runat="server" />                   
<asp:CheckBox ID="CH_EmpReviewd"  runat="server" Text="" visible="false" />

JavaScript：

  $(document).on('ready', function () {
                var CH_EmpReviewd = '#<%= CH_EmpReviewd.ClientID %>';
                var CHK_Reviewd = '#<%= CHK_Reviewd.ClientID %>';
                $(CH_EmpReviewd).change(function () {
                    if (this.checked)
                        $(CHK_Reviewd).prop("checked", false);

                });
                $(CHK_Reviewd).change(function () {
                    if (this.checked)
                        $(CH_EmpReviewd).prop("checked", false);

                });
            })

我正在使用 jquery 1.7

【问题讨论】：

@DinoMyte 它没有进入 .change 函数
您的 jQuery 选择器不会找到您的复选框。您的变量将为您提供客户端 ID，但您仍然需要在选择器中使用 # 符号：var CH_EmpReviewd = '#';
@TimSouthard 当我检查开发人员工具栏 CH_EmpReviewd 的值正确时
它有正确的值，但你不能在 jQuery 中使用 $("checkboxid")。必须使用句点或 # 将元素标识为类或 ID。您的复选框将是 $("#checkboxid")。
@TimSouthard 还是不行

标签： jquery html asp.net checkbox

【解决方案1】：

更改选择器以通过 ID 获取元素。

发件人：

var CH_EmpReviewd = '<%= CH_EmpReviewd.ClientID %>';
var CHK_Reviewd = '<%= CHK_Reviewd.ClientID %>';

收件人：

var CH_EmpReviewd = $('#CH_EmpReviewd');
var CHK_Reviewd = $('#CHK_Reviewd');

【讨论】：