Create a checkbox on server, handling function with javascript

Question

I had created a checkbox at the server during runtime, and populated it in a table on the webpage, and I would like to make use of it to trigger some JavaScript to handle some functions in the client.

However, I'm not sure of how to trigger the function using a checkbox created in this manner.

I understand that I can trigger the function when I declare a checkbox in this syntax.

asp:CheckBox ID="Checkbox1" runat="server" Onclick="javascript:myfunction()"

However, this checkbox may or may not be required to be created on the webpage, and hence I'm unable to insert this hardcoded on the webpage

Is there any way which I can use to detect the status of this checkbox and trigger my JavaScript in the client? or if I can handle what I need to do at code_behind?

can u please share how you are creating checkbox during runtime ? I had created a checkbox at the server during runtime — kbvishnu
– kbvishnu, Commented Aug 16, 2012 at 6:32

Ram Mourya · Accepted Answer · 2012-08-16 06:55:47Z

2

suppose that we are adding CheckBox to td of an table

<table>
        <tr>
            <td id="td1" runat="server">
            </td>
        </tr>
</table>

and in the code behind,

CheckBox chkbox = new CheckBox();
chkbox.ID = "CheckBox1";
chkbox.Attributes.Add("onclick", "click_Func(this);");
td1.Controls.Add(chkbox);

and javascript will be look like this ,

<script type="text/javascript">
function click_Func(chkbox) {
 alert(chkbox.id);
}
</script>

answered Aug 16, 2012 at 6:55

Ram Mourya

2,5884 gold badges19 silver badges25 bronze badges

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

Comments

Taha Rehman Siddiqui · Accepted Answer · 2012-08-16 06:32:39Z

0

you can add a script tag on the page like this

    <script type="text/javascript">
    $('#<%=Checkbox1.ClientID%>').live('changed',function(){
            // Do your work here.
    });
    </script>

answered Aug 16, 2012 at 6:32

Taha Rehman Siddiqui

2,5335 gold badges35 silver badges59 bronze badges

7 Comments

kbvishnu Over a year ago

it might be getting a compile time error because u are trying to access a checkbox which is created at runtime only.

Taha Rehman Siddiqui Over a year ago

Or you can add this javascript on the page by the server when you create the textbox by c# code ClientScript.RegisterClientScriptBlock(this.GetType(), "myScript", script, false);

Taha Rehman Siddiqui Over a year ago

Thats why I posted the second solution above. In the parameter script, you will have to put the whole script in the solution above in a string before passing here.

kbvishnu Over a year ago

Its better to write in client side itself, But you must provide the class. Try $('.myRuntimeChkBoxClass') instead of $('#<%=Checkbox1.ClientID%>') . While creating checkbox you must set cssclass property with myRuntimeChkBoxClass. Hope you got the point

Taha Rehman Siddiqui Over a year ago

Writing script on the page through code is no different, the solution you provided is just another workaround.

|

Collectives™ on Stack Overflow

Create a checkbox on server, handling function with javascript

2 Answers 2

Comments

7 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

7 Comments

Your Answer

Sign up or log in

Post as a guest

Related