单击复选框时防止自动回发

Question

我的 web 页面上有一个复选框和一个继续按钮。 如果用户选中该复选框，那么我想在服务器上进行回发，否则我想留在页面上：

<input data-theme="a"  id="field_UseAdvancedSearch" type="checkbox" data-iconpos="left" runat="server" id="chkAgree" />
 <asp:Button ID="btnContinue" runat="server" Text="Continue" data-icon="arrow-r" OnClick="btnContinue_Click" /></div>

如果用户单击继续按钮，那么我希望他们将 go 转到下一页，否则他们需要留在同一页面上。 如果用户未选中复选框或未选中复选框，则单击继续按钮时，我不希望任何回发发生，则应禁用继续按钮。

任何帮助将不胜感激。

Answer 1

为此，您应该有条件地使用 OnClientClick 属性。 因此，对于此修复，您应该在<head>标记内使用 jquery function ，如下所示：

    <script>
function myFunction()
    {
        if ($('#field_UseAdvancedSearch').is(":checked")){
           return true;
        }
        else if ($('#field_UseAdvancedSearch').is(":not(:checked)")){
            return false;
        }
}</script>

并从您的按钮调用如下：

<asp:Button ID="btnContinue" runat="server" Text="Continue" data-icon="arrow-r" OnClick="btnContinue_Click" OnClientClick="myFunction();" />

在这里，我们正在使用 jQuery 检查复选框是否被选中，并根据该复选框返回，如果选中了复选框，则用户可以回发按钮，否则用户将无法回发。

希望这可以帮助。

单击复选框时防止自动回发

问题描述

1 个解决方案

解决方案1
2 已采纳 2020-06-26 17:21:01

单击复选框时防止自动回发

问题描述

1 个解决方案

解决方案1 2 已采纳 2020-06-26 17:21:01

解决方案1
2 已采纳 2020-06-26 17:21:01