我的问题很简单,但我无法解决它。
我有两个单选按钮和一个隐藏的文本标签。点击第一个单选按钮后,我想显示隐藏的标签,点击第二个单选按钮时,我想再次隐藏它——所有这些都不需要重新加载页面。
我希望这可以通过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
});