为什么我的功能隐藏/显示基于单选按钮的元素不起作用？

Question

为什么我的功能隐藏/显示基于单选按钮的元素不起作用？

http://jsfiddle.net/qmzz9x7h/

<script>
    $(document).ready(function(){
        $('input[type="radio"]').click(function(){
            if($(#radio_id).attr("value")=="first"){
                $("#second_checkbox").hide();                
                $("#first_checkbox_display").show();
            }
            if($(#radio_id).attr("value")=="second"){
                $("#first_checkbox_display").hide();                
                $("#second_checkbox").show();
            }
        });
    });
</script>

Answer 1

你的小提琴是错的，看看简短的改进版本：

$(document).ready(function(){
    $('input[type="radio"]').click(function(e){
        var _val = $(this).val();
        var _id = $(this).attr('id'); // Grap the ID

        $("#second_checkbox, #first_checkbox_display").hide(); 

        console.log(_val);
        if( _val == "first" ){
            $("#"+_val+"_checkbox_display").show();
        }
        else if( _val =="second"){    
            $("#"+_val+"_checkbox").show();
        }
    });
});

Demo

Answer 2

<script>
    $(document).ready(function(){
        $(".radio_id").click(function(){
            if($(this).attr("value")=="first"){
                $("#second_checkbox").hide();                
                $("#first_checkbox_display").show();
            }
            if($(this).attr("value")=="second"){
                $("#first_checkbox_display").hide();                
                $("#second_checkbox").show();
            }
        });
    });
</script>

为您的单选按钮添加一个类＆＃34; radio_id＆＃34;