javascript - 在复选框选中更改事件中使用 Javascript 中的母版页时无法调用函数

Question

当复选框状态发生变化时，我试图调用一个函数，它在没有母版页的情况下调用。我尝试了以下代码：

<script type="text/javascript">
  $(function () {
    $('#cbOption1').on('change', PublishToPreferredZerker);
  });
  function PublishToPreferredZerker() {}
</script>
[...]
<asp:CheckBox ID="cbOption1" runat="server" style="text-align: left"
  Text="Publish the job to particular Zerker or a group of the Zerkers." /><br />

使用 MasterPage 时不调用该函数。

Answer 1

注意cbOption1不是客户端ID，而是服务器端的ID。

您需要执行类似的操作（使用Control.ClientID 属性获取 HTML 元素的 id）：

$('#<%=cbOption1.ClientID%>').on('change', PublishToPreferredZerker);

Answer 2

编码

$('#cbOption1').on('change', PublishToPreferredZerker);

找到 id 为 cbOption1 的控件，然后对该控件进行操作

但是在母版页上使用此代码时，控件 id 不会保留 cbOption1。

它以母版页内容 ID 为前缀。

类似于 ct$001cbOption1

要使其在使用母版页时工作，请使用这样的代码来查找控件的 clientId：

$(#"<%= cbOption1.ClientID %>").on( .... )

Answer 3

当我在页面加载功能上添加以下代码时，我获得了成功。

cbOption1.Attributes.Add("onChange", "javascript:PublishToPreferredZerker()");

Javascript函数

function PublishToPreferredZerker() {}

我也试过上面的答案，但没有得到所需的输出。谢谢，