在ASP.Net中的JQuery複選框迭代C＃

我試圖迭代ASP.Net網頁中的複選框，如果任何複選框被選中，那麼我想啓用頁面上的按鈕，但如果沒有被檢查，我想禁用按鈕。我正在研究下面的示例代碼來啓用按鈕，但它不能正常工作。任何想法如何解決它？在ASP.Net中的JQuery複選框迭代C＃

<html xmlns="http://www.w3.org/1999/xhtml"> 
<head runat="server"> 
    <title></title> 
</head> 
<body> 
    <form id="form1" runat="server"> 
    <div> 
     <asp:CheckBox ID="CheckBox1" runat="server" CssClass="cb" /> 
     <asp:CheckBox ID="CheckBox2" runat="server" CssClass="cb" /> 
     <asp:Button ID="Button1" runat="server" Enabled="false" 
      Text="Button" /> 

    </div> 
    </form> 
    <script language="jquery" src="js/jquery-1.3.2.js" type="text/javascript"></script> 
    <script type="text/javascript" > 
     $(document).ready(function() { 
      $(".cb").each(function() { 
       if ($(".cb").checked == true) { 
        $(".Button1").attr("enabled", "enabled"); 
       } 
      }); 
     }); 
    </script> 
</body> 
</html>

這裏是生成的html源：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org /TR/xhtml1/DTD/xhtml1-transitional.dtd"> 

<html xmlns="http://www.w3.org/1999/xhtml"> 
<head><title> 

</title></head> 
<body> 
    <form name="form1" method="post" action="Default.aspx" id="form1"> 
<div> 
<input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="/wEPDwULLTE1Njg3NDk5NTNkGAEFHl9fQ29udHJvbHNSZXF1aXJlUG9zdEJhY2tLZXlfXxYCBQlDaGVja0JveDEFCUNoZWNrQm94Mpl7Qkz0EKHxPd7eY30WXym8Ak+i" /> 
</div> 

<div> 

    <input type="hidden" name="__EVENTVALIDATION" id="__EVENTVALIDATION"  value="/wEWBALtr+KAAgKC5Ne7CQL/49e7CQKM54rGBotIDgtejJCfMu5Zh8m/guHs+kzK" /> 
</div> 
    <div> 
     <span class="cb"><input id="CheckBox1" type="checkbox" name="CheckBox1" /></span> 
     <span class="cb"><input id="CheckBox2" type="checkbox" name="CheckBox2" /></span> 
     <input type="submit" name="Button1" value="Button" id="Button1" disabled="disabled" /> 

    </div> 
    </form> 
    <script language="jquery" src="js/jquery-1.3.2.js" type="text/javascript"></script> 
    <script type="text/javascript" > 
     $(document).ready(function() { 
      $(".cb").each(function() { 
       if ($(".cb").checked == true) { 
        $(".Button1").attr("enabled", "enabled"); 
       } 
      }); 
     }); 
    </script> 
</body> 
</html>

來源

2009-09-03 Russ Clark

你能格式化代碼一點好嗎？ – ScottE 2009-09-03 16:25:48

如果您發佈生成的「HTML」而不是.aspx頁面，那麼我們可以提供更多的幫助。 – 2009-09-03 16:26:14

$(document).ready(function() { 
    function setButton() { 
     $('.Button1').attr('disabled', $('.cb:checked').length === 0); 
    } 

    // run check after changing any of the checkboxes 
    $('.cb').change(setButton); 

    // initial check 
    setButton(); 
});

來源

2009-09-03 16:27:31 RaYell

我遇到代碼問題，初始檢查工作正常，並禁用按鈕，因爲它應該，但是當我檢查其中一個複選框時，它們$（'.cb'）.reset（setButton）永遠不會獲取調用。有任何想法嗎？ – 2009-09-03 18:54:27

嘗試將事件從「更改」更改爲「點擊」。 – RaYell 2009-09-04 09:50:37

在ASP.Net中的JQuery複選框迭代C＃

回答

相關問題