asp.net单选按钮点击事件，不加载页面

asp.net radio button on click event without page load

本文关键字：加载 事件 net 单选按钮 asp      更新时间：2023-10-15

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

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

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

任何帮助都将不胜感激。

提前谢谢。

尝试以下简单示例。

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

您可以使用jQuery绑定一个onlick事件处理程序

   $('#firstcheckbox').click(function() {
      //code goes here   
   });
   $('#secondcheckbox').click(function() {
      //code goes here   
   });
相关文章：