jQuery 获取 radio checkbox 值

核心 js

$(function () {
    $("#btnSubmit").click(function () {
        // 单选 radio
        var sex = $('input:radio[name="sex"]:checked').val();

        // 多选 checkbox
        var hobbies = []; // js定义数组
        $('input:checkbox[name="hobby"]:checked').each(function () {
            hobbies.push($(this).val());
        });

        // 向html元素赋值
        $('#info_sex').html(sex);
        $('#info_hobby').html(hobbies);
        $('#result_table').css('display', 'block');
    });
});

实例

    
    
    
    



选择性别
男
女

选择爱好
篮球
足球
网球
台球










    

        
性别
        

    

    

        
爱好
        

    

测试