如何在按钮单击时调用java脚本 [英] How to call java scrip on button click

问题描述

您好，我有一个java脚本功能，但我无法在按钮点击时调用它，



这是我的代码



脚本

Hello, I Have a java script function but I unable to call it on button click,

Here is my Code

Script

<script type="text/javascript">
              function toggleVisibility() 
              {
                  var control = document.getElementById("FileUpload1");
                  
                  if (control.style.visibility == "visible" || control.style.visibility == "")
                      control.style.visibility = "hidden";
                  else
                      control.style.visibility = "visible";
                  return;
              }
      </script>

和Asp.Net代码为......

And Asp.Net Code as...

<asp:Button ID="ChangePic" runat="server" Text="Change Pic" OnClientClick="toggleVisibility()" />
                       <asp:FileUpload ID="FileUpload1" Visible="false" runat="server" />

我的尝试：



我试图使用java脚本控制可见性真或假。

我使用java脚本因为我想在客户端运行我的代码而不回发server ..

What I have tried:

I trying to controls visibility true or false using java script.
I use java script because i want to run my code at client side without posting back on server..

推荐答案

嗨Vikas，使用下面的代码。希望它对你有所帮助。

Hi Vikas, use below code. hope it'll helpful for you.

function myFunction() {
    var x = document.getElementById('IdofParticularControl');
    if (x.style.visibility === 'hidden') {
        x.style.visibility = 'visible';
    } else {
        x.style.visibility = 'hidden';
    }
}

<button onclick="myFunction()">Click me</button>

你可以通过jquery将它调用的Hello vikas

Hello vikas you can call it by jquery to

（ #ChangePic）。点击（function（）{



var control = document.getElementById（FileUpload1）;



if（control.style.visibility ==visible|| control.style.visibility ==）

control.style.visibility =hidden;

其他

control.style.visibility =可见;

返回;

}）;



无需编写以下代码



OnClientClick =toggleVisibility（）

("#ChangePic").click(function(){

var control = document.getElementById("FileUpload1");

if (control.style.visibility == "visible" || control.style.visibility == "")
control.style.visibility = "hidden";
else
control.style.visibility = "visible";
return;
});

no no need to write this below code

OnClientClick="toggleVisibility()"

这篇关于如何在按钮单击时调用java脚本的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！