JQuery表单序列化

单行、唯一 0     1685      无分类   0     0
JQuery表单序列化,获取表单数据为数组,方便传值
<form id="form">
    <div class="infos"><span>昵称</span><input type="text" placeholder="请输入昵称" name="nickname"/></div>
    <div class="infos"><span>性别</span><ul><li value="1">男</li><li value="0">女</li></ul></div>
    <div class="infos"><span>邮箱</span><input type="text" placeholder="请输入邮箱" name="email"/></div>
    <div class="infos"><span>出生日期</span><input type="text" placeholder="请输入出生日期" name="birthday"/></div>
    <input type="hidden" name="gender" value="<?php echo $_user->userinfo->gender?>"/>
</form>


<script>
$(function(){

    $('.personal_usual_btn').click(function(){
        $(this).addClass('active').siblings().removeClass('active');
        $(this).siblings('div').slideToggle('normal');
        var id = $(this).attr("row_id");
        $.post("<?php echo url('wap::user/userinfo')?>",$("#form").serializeArray(),function(data){
            if(data.status){
                layer.msg("修改成功!");
            }
        });
    })

    $('.infos ul li').click(function(){
        $("input[name='gender']").val($(this).attr('value'));
        $(this).addClass('active').siblings().removeClass('active');
    });
});
</script>


captcha
忘记密码? 注册
第三方登录
微信赞赏
支付宝赞赏