我有一个
<asp:Button ID="BtnAddCart" runat="server" Text="Place Order" Width="147px"
onclick="BtnAddCart_Click" Enabled="false"/>
以及 GridView 上的复选框列和复选框标题。 在标题上,您选择复选框,网格上的所有项目都将被选中。如果取消选中标题复选框,则网格上的项目将被取消选择。
这是 Jquery
<script type="text/javascript">
$(document).ready(function () {
var chkBox = $("input[id$='ChkAll']");
chkBox.click(
function () {
$("#MainContent_ProductGrid INPUT[type='checkbox']")
.attr('checked', chkBox
.is(':checked'));
$("#MainContent_BtnAddCart INPUT[type='submit']").removeAttr('disabled');
});
// Uncheck
$("#MainContent_ProductGrid INPUT[type='checkbox']").click(
function (e) {
if (!$(this)[0].checked) {
chkBox.attr("checked", false);
}
$("#MainContent_BtnAddCart INPUT[type='submit']").attr('disabled', 'disabled');
});
});
</script>
为什么按钮没有启用和禁用。
最佳答案
只是为了完整起见 - 以下是如何打开和关闭 asp 按钮。 在此示例中,我将按钮默认为禁用:
在 .aspx 中
<asp:Button ID="btnNext" runat="server" Text="Next" CssClass="cssBtnNext_Disabled" Enabled="false" />
在启用 jQuery 的 JavaScript 中:
<script src="/js/jquery/jquery-1.4.2.min.js" type="text/javascript"></script>
<script language="javascript" type="text/javascript">
$().ready(function()
{
var btnNext = $("#<%= btnNext.ClientID %>"); // get the ASP mangled id//$("#btnNext");
btnNext.click(NextClicked);
function NextClicked()
{
alert("NextClicked Fired!");
}
ToggleButtonEnable( IsEnabled )//IsEnabled is true or false
{
if (IsEnabled )
{//was disabled, now enable
btnNext.removeAttr("disabled"); //enable button
btnNext.attr("class", "cssBtnNext_Enabled");
}
else
{//was enabled, now disable
btnNext.attr("disabled", "disabled"); //disable button
btnNext.attr("class", "cssBtnNext_Disabled");
}
}
}
</script>
关于Jquery 启用和禁用 Asp.net 按钮,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5613064/