Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/77.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
在C#或JQuery中单击句柄OnClick_C#_Jquery_Asp.net_Standards - Fatal编程技术网

在C#或JQuery中单击句柄OnClick

在C#或JQuery中单击句柄OnClick,c#,jquery,asp.net,standards,C#,Jquery,Asp.net,Standards,我正在使用c#/aspx/jquery处理一个webforms项目。我不确定在哪里处理我的Onclick。这两种选择(用C#或jquery实现)似乎都是可行的。哪种练习更好 以下是场景: 我想建立一个复选框,它将切换文本框的文本模式,在密码和单行之间切换 目前,我的标记有以下代码,因为我目前正在用C#处理它: 这个用例是:用户正在输入他的密码。在同一页上,他可以通过选中复选框来选择是否隐藏密码 哪种练习更好 您的功能要求是什么 在asp.net代码后面的C#中设置此选项,您将需要一个回帖才能使

我正在使用c#/aspx/jquery处理一个webforms项目。我不确定在哪里处理我的
Onclick
。这两种选择(用C#或jquery实现)似乎都是可行的。哪种练习更好

以下是场景:

我想建立一个
复选框
,它将切换
文本框的文本模式
,在密码和单行之间切换

目前,我的标记有以下代码,因为我目前正在用C#处理它:

这个用例是:用户正在输入他的密码。在同一页上,他可以通过选中复选框来选择是否隐藏密码

哪种练习更好

您的功能要求是什么

  • 在asp.net代码后面的C#中设置此选项,您将需要一个回帖才能使其正常工作。这意味着页面将刷新,文本框将更改
  • 在客户端(JS/JQuery)上,页面将不会刷新
现在,您评估所需的工作与所需的质量。(若你们想要一个好的用户体验,并愿意写JS,把它放在JS中,若你们时间紧迫,并愿意刷新,那个么就在asp.net上完成)

我试图从一般意义上回答你的问题,关于如何做出这样的决定(以我的拙见)实际上这在javascript中实现起来非常简单,您应该在javascript中实现


现在开始编写代码(我假设您知道如何将其放在asp.net代码中,因此我将编写JS方法):

Html:


查看此处的运行情况:

在尝试实现接受的答案后,我意识到某些浏览器(我使用的是Google Chrome)不允许更改type属性。有一种方法可以绕过这一点,但我认为这不值得我这么做:

因此,使用C#可能更好

相关问题


您可能希望在jQuery中执行此操作,因为这是客户端逻辑,您不希望/不需要回发。这篇文章可能有助于:
<asp:Checkbox ID="CheckBox1" OnCheckedChanged="CheckBox1_OnCheckedChanged"/>
protected virtual void OnCheckedChange(EventArgs e)
{
     If (CheckBox1.TextMode == TextMode.Password)
          CheckBox1.TextMode = TextMode.SingleLine;
     else
          CheckBox1.TextMode = TextMode.Password;
}
My Password: <input type="password" id="mytext" /> <br />
Hide Chars : <input id="passChk" type="checkbox" checked="true" />
$(function() {
    $("#passChk").change(function(){
        if(this.checked) {
            $("#mytext").attr("type","password");
        } else {
            $("#mytext").attr("type","text");
        }
    });
});