кнопка радиостанции asp.net при событии клика без загрузки страницы

Question

Моя проблема довольно проста, но я не могу ее исправить.

У меня есть 2 переключателя и скрытая текстовая метка. После нажатия первой переключателя я хочу показать скрытую метку, а когда щелкнул второй переключатель, я хочу снова скрыть ее - все это без перезагрузки страницы.

Я надеюсь, что это может быть достигнуто с помощью JavaScript, но, к сожалению, я не знаю как.

Любая помощь будет оценена по достоинству.

Заранее спасибо.

Answer 1

Вы можете использовать JQuery, чтобы связать обработчик onlick-Event

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

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

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