button enable on grid checkbox

Question

I have one gridview which checkbox,

 <asp:GridView ID="GriduwgDocuments" AutoGenerateColumns="False" runat="server"
            EnablePersistedSelection="true" AllowPaging="True" AllowSorting="True" GridLines="None"
            Width="960px"  PageSize="25">
                           <PagerSettings Position="Top"></PagerSettings>
            <RowStyle CssClass="result-grid-row" />
            <AlternatingRowStyle CssClass="result-grid-row-alternate" />
            <SelectedRowStyle CssClass="result-grid-row-selected" />
            <HeaderStyle Height="20px" CssClass="result-grid-header" />
             <Columns>
             <asp:TemplateField >
     <ItemTemplate>
       <asp:CheckBox ID="chkBxSelect" runat="server"  OnCheckedChanged="cbRowChanged_CheckedChanged" />  
     </ItemTemplate>

  </asp:TemplateField>

and button,

  <asp:Button ID="btnGetDocs" runat="server" Text="Download Selected Docs" 
                                                CssClass="Button" 
                                                Width="140px" Enabled="False" />

What I am trying to do is , when page load first time my button is Enabled="False" and as soon as client checked any checkbox of grid, my button should be Enabled="true" . I mean clickable.

on OnCheckedChanged of checkbox ,its goes to behind the code cbRowChanged_CheckedChanged.

please advice !!

What is inside cbRowChanged_CheckedChanged and what is not working? — VDWWD
– VDWWD, Commented Jan 25, 2018 at 21:05

Joel Coehoorn · Accepted Answer · 2018-01-25 22:22:29Z

2

Do this via javascript. If you have jQuery available, it might look like this:

$('#GriduwgDocuments input:checkbox').change(
    function(){
        if ($(this).is(':checked')) {
            $('#btnGetDocs').attr("disabled", false);
        }
    });

Of course, you should also verify this server-side when the form is submitted., and depending on what client id mode you use on the page you may need to get the generated client id.

edited Jan 25, 2018 at 22:22

answered Jan 25, 2018 at 21:03

Joel Coehoorn

418k114 gold badges582 silver badges820 bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

user7776356 Over a year ago

this is exactly I am trying to do in JavaScript.

user7776356 Over a year ago

i am getting "JavaScript runtime error: Object doesn't support property or method 'prop'" error .

user7776356 Over a year ago

$('#btnGetDocs').attr("disabled", false); just work as expected.

Joel Coehoorn Over a year ago

Fixed, thanks, though my understanding is jQuery 1.6 and later should use .prop()

Collectives™ on Stack Overflow

button enable on grid checkbox

1 Answer 1

4 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Your Answer

Sign up or log in

Post as a guest

Related