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

Question

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

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

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

任何帮助将不胜感激。

提前致谢。

Answer 1

试试下面的简单例子。

 $(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>

Answer 2

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

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

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