用javascript写个简单函数:如同注册中间的一个小功能一样,当你同意协议之后,才能让你进行下一步操作,否则将下一步按钮设置为不可用活着隐藏;
虽然很简单,但是为了学习javascript而给自己出的一个小题目。
通过练习,我用脚本函数,控制了服务器控件和html控件的可用与隐藏问题:
<script type="text/javascript" language="javascript">
function Next()
{
if(document.form1.Checkbox1.checked)
{
document.form1.Button1.disabled=false; //Html控件是否可用
document.getElementById('Panel1').style.display=""; //pannel是否可见
document.getElementById('btGoOn').disabled=false; //服务器控件是否可用
}
else
{
document.form1.Button1.disabled=true; //Html控件是否可用
document.getElementById('Panel1').style.display="none"; //pannel是否可见
document.getElementById('btGoOn').disabled=true; //服务器控件是否可用
}
}
</script>
很清晰明了了,再加上html代码吧,就几多行而已
<body>
<form id="form1" runat="server">
<div>
<input id="Checkbox1" title="我同意" type="checkbox" checked="checked" onclick="Next()" value="我同意"/>我同意
<p></p><input id="Button1" name="Button1" type="button" value="下一步" runat="server" onserverclick="Button1_ServerClick"/>
<asp:Button ID="btGoOn" runat="server" Text="继 续" />
<asp:Panel ID="Panel1" runat="server" Height="50px" Width="210px" >
你好,看见我没有?</asp:Panel>
</div>
</form>
</body>