radio button click event not firing

bki

New Member
There are some radio buttons inside my \[code\]asp.net\[/code\] wizard control. For better understanding Markup:\[code\]<asp:Wizard ID="WizardCreateDL" runat="server" ActiveStepIndex="0" BackColor="#F7F6F3" BorderColor="#CCCCCC" BorderWidth="1px" Font-Names="Calibri" Font-Size="0.8em" Height="337px" Width="800px" OnNextButtonClick="WizardCreateDL_NextButtonClick" OnCancelButtonClick="WizardCreateDL_CancelButtonClick" OnPreviousButtonClick="WizardCreateDL_PreviousButtonClick" DisplaySideBar="False" BorderStyle="Solid" OnFinishButtonClick="WizardCreateDL_FinishButtonClick"> <StepStyle BorderWidth="0px" /> <WizardSteps> <asp:WizardStep ID="stepCreateFolder" runat="server" Title="FolderOptions" > <div id="dvFolderOptions" runat="server" style="text-align: left; width: 45%; margin: auto; font-size:medium"> <ul style="list-style: none;"> <li> <input type="radio" id="rdbCalendar" value="http://stackoverflow.com/questions/14036715/0" name="Cal" onclick="appendChild(this);" /><label for="rdbCalendr">Calendar</label></li><br /> <li> <input type="radio" id="rdbTasks" value="http://stackoverflow.com/questions/14036715/0" name="Cal" onclick="appendChild(this);" /><label for="rdbTasks">Tasks</label></li><br /> <li> <input type="radio" id="rdbContacts" value="http://stackoverflow.com/questions/14036715/0" name="Cal" onclick="appendChild(this);" /><label for="rdbContacts">Contacts</label></li> </ul> </div> </asp:WizardStep> </WizardSteps> <StartNavigationTemplate> <asp:Button ID="StepNextButton" runat="server" CausesValidation="False" CommandName="MoveNext" Font-Names="Calibri" Font-Size="1.3em" Text="Next" Visible="false" /> <asp:Button ID="btnFinish" runat="server" Font-Names="Calibri" Font-Size="1.3em" Text="Finish" Visible="false" CausesValidation="False" OnClick="btnFinish_Click" /> </StartNavigationTemplate> </asp:Wizard>\[/code\]The js event:\[code\]function appendChild(crnt) { alert('hi'); var parentLi = $(crnt).parents('li:first'); if (parentLi.find('ul:first').length == 0) { var Container = $('<ul></ul>').append('<li><input type="radio" id="rdbEditor" value="http://stackoverflow.com/questions/14036715/0" onclick="secondLevelChild();" /><label for="rdbEditor">Editor</label></li><li><input type="radio" id="rdbReviewer" value="http://stackoverflow.com/questions/14036715/0" onclick="secondLevelChild();" /><label for="rdbReviewer">Reviewer</label></li>') parentLi.html(Container); } }\[/code\]i have been struggling to fire this event , tried also possible ways to do this like :\[code\]$(function () { $('#ContentPlaceHolder1_WizardCreateDL_dvFolderOptions').find('li').each(function () { $(this).find('input:radio').click(function () { appendChild(this); alert('1+2+3'); }); });});\[/code\]but it is just not ready to fire, any help??
 
Back
Top