Question

我的问题非常简单，但我无法修复它。

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

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

任何帮助将不胜感激。

提前致谢。

Answer 1

尝试以下简单示例。

＆＃13;

$(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");
        }
    });
});

＆＃13;

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

＆＃13;

Answer 2

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

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

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

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

2 个答案: