Home > Developer > JavaScript
1. Prepare the interface code first:
Copy codeThe Code is as follows:
<Form id = "form1" runat = "server">
<Div align = "left">
<Fieldset style = "width: 300px; height: 200px;">
<Table cellpadding = "0" cellspacing = "0" border = "0">
<Tr>
<Td style = "width: 10px">
</Td>
<Td>
<P>
URL updated: </p>
<Asp: RadioButtonList ID = "rblUrl" runat = "server">
<Asp: ListItem Text = "Sina" Value = "http://www.sina.com.cn"> </asp: ListItem>
<Asp: ListItem Text = "Baidu" Value = "http://www.baidu.com"> </asp: ListItem>
<Asp: ListItem Text = "Netease" Value = "http://www.163.com"> </asp: ListItem>
</Asp: RadioButtonList>
<Br/>
<Asp: HyperLink ID = "hyperLink" runat = "server"> click here </asp: HyperLink>
</Td>
</Tr>
</Table>
</Fieldset>
</Div>
</Form>
2. RadioButtonList is converted to <table/>, and its members are converted to <input type = "radio"/>. The script code to change the URL value is as follows:
Copy codeThe Code is as follows:
<Head runat = "server">
<Title> Recipe10 </title>
<Script src = "Scripts/jquery. js" type = "text/javascript"> </script>
<Script type = "text/javascript">
$ (Document). ready (function (){
$ ("Input [type = radio]"). bind ("change", function (){
$ ("# <% = HyperLink. ClientID %>"). attr ("href", $ (this). val ());
});
});
</Script>
</Head>
3. Implement the interface effect:
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
