javascript - On 选择单选按钮值在 div 中显示并隐藏

标签 javascript jquery

这里我使用 6 个单选按钮表示六个不同的值,我想从其中选择一个按钮,选择按钮的值显示在上层 div 中 这里我使用一个java脚本来显示和隐藏单选按钮

<script> $(document).ready(function(){  
   $("#cityshow").click(function(){    
      $("#citybox").toggle();  
   });
});
</script>

这是我的JSfiddle.

最佳答案

像这样吗?

$(document).ready(function(){
    $("#cityshow").click(function(){
        $("#citybox").toggle();
    });
    $("#citybox input:radio").click(function() {
        $("#citybox").toggle();
        $("#cityshow").text($(this).val());
    });
});

关于javascript - On 选择单选按钮值在 div 中显示并隐藏,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23153335/

相关文章:

javascript - 如何处理 websocket 中的无效 URL/IP?

javascript - 使用 javascript 填写 PDF 表单

javascript - 使用 .getElementById 抓取元素时为 Null

javascript - css3 animation.css 不适用于自定义模式

javascript - 小部件,从选项错误中调用函数?

javascript - 系统时间每次都显示相同的值

javascript - MongoDB 连接期间的 Mocha 超时

javascript - 我应该使用 switch 语句将 CSS ID 与 JavaScript 变量相关联吗?

javascript - 无法使用 jquery 脚本调用问题

php - 循环显示 JSON 数据