2017-01-14 31 views
0
<asp:CheckBox runat="server" ID="checkbox1" /> 

每當我選中或取消我的ASP複選框,它需要觸發JavaScript中的事件,但它似乎像。點擊功能不會被觸發。 .click事件是否錯誤?ASP複選框在Javascript中觸發一個事件時,它被點擊

$(document).ready(function() { 
    $("#checkbox1").click(function (e) { 
     if (this.checked) { 
      //do something 
     } 
     else { 

     } 
    }); 
}); 
+0

檢查您是否使用母版頁,然後id「checkbox1」將不起作用,您必須給該元素一些類,並在JavaScript中使用該類選擇器。 –

回答

0

你可能需要改變

$("#checkbox1").click(function (e) { 

$("#<%= checkbox1.ClientID %>").click(function (e) { 

asp.net重命名控件的ID以確保沒有重複。如果你檢查HTML源代碼,可能看起來像這樣:ContentPlaceHolder1_checkbox1。這就是爲什麼jQuery無法找到它。

+0

它的工作原理!非常感謝 ! :d – Student

0

我希望它能爲你工作。 對於動態創建的element,您必須使用event delegation,如果您想通過屬性進行選擇,您可以使用attribute equals selector

$(document).on("change", "input[name='member']", function() { 
       alert("CheckBox Changed."); 
       if (this.checked) {alert("CheckBox checked.");} 
       else{alert("CheckBox not checked.");} 
      }); 

OR

$(document).on("change", "$('#<%=checkbox1.ClientID%>')", function() { 
       alert("CheckBox Changed."); 
       if (this.checked) {alert("CheckBox checked.");} 
       else{alert("CheckBox not checked.");} 
      }); 

這裏是鏈接,通過這個鏈接 JS Fiddler

相關問題