码迷,mamicode.com
首页 > 编程语言 > 详细

Webform & JavaScript

时间:2015-08-12 18:34:59      阅读:278      评论:0      收藏:0      [点我收藏+]

标签:

服务器控件调用JS:

1.点击按钮后,弹出一个对话框----直接在按钮里面加一个OnClientClick事件

//先写一个函数
<script language ="javascript">
        function Text() {
            alert("0812");
            return false;
        }
    </script>

//在按钮里面添加OnClientClick事件
<asp:Button ID="Button1" runat="server" OnClientClick="return Text()" Text="Button" />

2.点击按钮后,弹出一个确认对话框,提交后再弹出一个对话框

//先写一个函数
script language ="javascript">
        function Text() {
            alert("确定提交?");
            return true;
        }
    </script>

//在按钮上添加一个OnClientClick事件,点击按钮执行添加的按钮事件
<asp:Button ID="Button1" runat="server" OnClientClick="return Text()" Text="Button" OnClick="Button1_Click" />

//添加Label和Literal控件,在按钮里面写C#代码,点击按钮执行C#代码

    protected void Button1_Click(object sender, EventArgs e)
    {
        Label1.Text = DateTime.Now.ToString();
        Literal1.Text = "<script language=javascript>alert(‘"+DateTime.Now.ToString()+"正确么?‘)</script>";
    }

 文本框触发Js:

//在文本框中加上Js事件onfocus(获得焦点时触发)和onblur(失去焦点时触发)
<asp:TextBox ID="TextBox1" onfocus="this.value=‘‘" onblur="document.getElementById(‘Label1‘).innerHTML=this.value;" runat="server" ForeColor="Silver">(必填)</asp:TextBox>

单选按钮触发JS:

//添加两个单选按钮,把“不同意”的按钮默认选中,在两个按钮上分别加上Onclick事件,当点击“同意”按钮,“下一步”可用,点击“不同意”按钮,“下一步”不可用 
<asp:RadioButtonList ID="RadioButtonList1" runat="server" RepeatDirection="Horizontal">
            <asp:ListItem Onclick="document.getElementById(‘Button2‘).removeAttribute(‘disabled‘)">同意</asp:ListItem>
            <asp:ListItem Onclick="document.getElementById(‘Button2‘).setAttribute(‘disabled‘,‘disabled‘)" Selected="True">不同意</asp:ListItem>
        </asp:RadioButtonList>

//把按钮的Enabled属性设为false
<asp:Button ID="Button2" runat="server" Enabled="False" Text="下一步" />

在C#代码界面中的PageLoad中,使用“控件名.Attributes.Add("键","值");”

    protected void Page_Load(object sender, EventArgs e)
    {
        Label2.Attributes.Add("onclick","alert(‘"+DateTime.Now.ToString()+"‘)");
        Label2.Attributes.Add("style","background-color:red;font-size:18px;");
    }

 

Webform & JavaScript

标签:

原文地址:http://www.cnblogs.com/qianxiaojinnian/p/4723786.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!