触发服务器端的Javascript复选框

在这种情况下，我正在执行一些服务器操作，单击复选框，然后将用户重定向到另一个页面。但问题是，在我单击复选框后，重定向需要时间，因为它稍微慢一点，因此用户可以单击其他复选框。我想禁用整个页面或禁用所有复选框。我写了一个javascript，但它只有在页面再次加载时才会被触发

我的Html:

   <div> 
    <asp:CheckBox ID="checkbox1" runat="server" OnCheckedChanged="checkbox1_CheckedChanged" AutoPostBack="true"  CssClass="chk-facet-checkbox"/>

    <asp:CheckBox ID="checkbox2" runat="server" OnCheckedChanged="checkbox2_CheckedChanged" AutoPostBack="true"  CssClass="chk-facet-checkbox"/>

    <asp:CheckBox ID="checkbox3" runat="server" OnCheckedChanged="checkbox3_CheckedChanged" AutoPostBack="true"  CssClass="chk-facet-checkbox"/>
    </div>

<div id='blockerdiv'>

</div> 

尝试添加：

$(".chk-facet-checkbox").attr("disabled", true);

因此：

if ($(".chk-facet-checkbox").is(":checked")) {
      $('.blockerdiv').show();
//Code to show the 'blockerdiv' as an overlay blocking the whole page
// All we need to do is show the blockerdiv. There is already Code to take care of the overlay
     $(".chk-facet-checkbox").attr("disabled", true);
  }

---

这将禁用该类的所有复选框输入。

您可以使用jquery.blockui.js

---

然后，只需使用$.blockUI和$.unboui功能即可根据您的需要阻止和取消阻止UI。

如果在样式表中以这种方式定义，则它将是阻止整个页面的覆盖。

if ($(".chk-facet-checkbox").is(":checked")) {
      $('.blockerdiv').show();
//Code to show the 'blockerdiv' as an overlay blocking the whole page
// All we need to do is show the blockerdiv. There is already Code to take care of the overlay
     $(".chk-facet-checkbox").attr("disabled", true);
  }