没有页面加载的单击事件上的 asp.net 单选按钮答案

【问题标题】：asp.net radio button on click event without page load没有页面加载的单击事件上的 asp.net 单选按钮
【发布时间】：2016-07-19 16:51:27
【问题描述】：

我的问题很简单，但我无法解决。

我有 2 个单选按钮和一个隐藏的文本标签。单击第一个单选按钮后，我想显示隐藏标签，当单击第二个单选按钮时，我想再次隐藏它 - 所有这些都无需重新加载页面。

我希望这可以通过 JavaScript 实现，但不幸的是我不知道如何。

任何帮助将不胜感激。

提前致谢。

【问题讨论】：

谢谢 Piyush.. 它对我有用......真的是一个很好的控制......
欢迎您，能否将我的评论标记为有用的评论
真的很抱歉，这是我在 stackoverflow 上的第一篇文章，我在你的文章中找不到标志；-P

标签： javascript asp.net vb.net radio-button

【解决方案1】：

您可以使用 jQuery 绑定 onlick-Event 处理程序

   $('#firstcheckbox').click(function() {
      //code goes here   
   });

   $('#secondcheckbox').click(function() {
      //code goes here   
   });

【讨论】：

【解决方案2】：

试试下面这个简单的例子。

$(document).ready(function() {
    $('input[type=radio][name=GName]').change(function() {
        if (this.value == '1') {
           $("#label").text("Yes");
        }
        else if (this.value == '2') {
           $("#label").text("No");
        }
    });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"></script>
<input type="radio" name="GName" value="1"> Yes</input>
<input type="radio" name="GName" value="2"> No</input>
<p> <span id="label">  </p>

【讨论】：