在选择单选按钮值显示在 div 和隐藏答案

【问题标题】：On Select radio button value show in div and hide在选择单选按钮值显示在 div 和隐藏
【发布时间】：2014-04-18 11:37:21
【问题描述】：

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

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

这是我的JSfiddle.

【问题讨论】：

问题似乎不清楚，需要改写..
你想要什么?????????????????????????
为什么这个问题被赞成？
@LOL 可能是因为 OP 的个人资料图片。
@RajaprabhuAravindasamy 我也在考虑更改我的个人资料图片

标签： javascript jquery

【解决方案1】：

像这样？

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

【讨论】：

【解决方案2】：

这就是你所追求的吗？

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

    $('#citybox input[type="radio"]').click(function(){
        var buttonValue = $(this).val();
        $("#citybox").toggle();
        $('#cityshow').text(buttonValue);
    });
});

JSFiddle

更新：

在元素中插入相同的值

<input id="cityid" type="hidden" name="" value="" >

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

    $('#citybox input[type="radio"]').click(function(){
        var buttonValue = $(this).val();
        $("#citybox").toggle();
        $('#cityshow').text(buttonValue);
        $('#cityid').val(buttonValue); // inserts value into input
    });
});

请注意，如果您打算在 post 请求中使用隐藏输入的值，那么您应该使用 name 属性：

<input id="cityid" type="hidden" name="cityid" value="" >

【讨论】：

但 citycollection 类在选择值后不隐藏
没问题。如果是正确答案，请打勾，谢谢！
先生，我也可以在此值选项中插入该值

【解决方案3】：

您所需要的只是单选按钮上的另一个处理程序click()，如果它们被选中，您必须在上面的 div 中设置它，如下所示

$('input[type="radio"]').on('click',function(){
     if(this.checked){
        // $(this).closest(".citycollection").siblings(".citybox").text(this.value); // Set value to citybox
         $("#cityshow").text(this.value);
         $("#citybox").hide(); // hide city box
     } 
});

Demo

【讨论】：