單擊復選框時防止自動回發

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