layui的form.val中的單選按鈕動態賦值無效解決

在使用layui的form.val對單選框進行動態賦值時發現單選框賦值無效果,經過多次排查,發現動態賦值爲1,在form.val寫爲固定值 ‘1’ 單選框可用,動態時不行,最後只得判斷值然後輸出固定值,代碼在下面

js代碼

$.ajax({
                    url     : "接口名稱",
                    data    : {
                        //參數名稱
                        id  : id1
                    },
                    method  : 'POST',
                    success : function (data) {
                        console.log(data);
                        if (data.code == 0) {
                            var res = data.data;
                            //初始賦值
                            form.val('first', {
                                'id'              :   res.id,
                                'name'            :   res.name,
                                'phone'           :   res.phone,
                                                        //在數據庫裏面存值爲0,1
                                'sex'             :   res.sex=='1'?'1':'0',
                                'isphysical'      :   res.isphysical=='1'?'1':'0',
                                'isupgrade'       :   res.isupgrade=='1'?'1':'0',
                                'islive'          :   res.islive=='1'?'1':'0',
                                'companytitle'    :   res.companytitle,
                                'card'            :   res.card,
                                'cardtype'        :   res.cardtype,
                                'address'         :   res.address,
                                'physicalstatus'  :   res.physicalstatus,
                                'hobby'           :   res.hobby,
                                'taboo'           :   res.taboo,
                                'remark'          :   res.remark,
                                'firstserver'     :   res.firstserver,
                                'sencondserver'   :   res.secondserver
                            });
                        } else {
                            layer.msg("code:"+data.code+" msg:"+data.msg);
                        }
                    },
                    error   : function () {
                        layer.msg("可能是因爲網絡原因操作失敗了,請重試,若多次重試不成功,請於網站管理員聯繫");
                    }
                });

頁面代碼

<form class="layui-form layui-form-pane1" action="javascript:;" lay-filter="first">

    <!-- 名稱 -->
    <div class="layui-form-item">
        <label class="layui-form-label">名稱</label>
        <div class="layui-input-block">
            <input type="text" name="name" id="name" lay-verify="required|title" required placeholder="請輸入客戶名稱" autocomplete="off" class="layui-input">
        </div>
    </div>

    <!-- 性別 -->
    <div class="layui-form-item">
         <label class="layui-form-label">性別</label>
         <div class="layui-input-block">
             <input type="radio" name="sex" value="0" title="男" checked>
             <input type="radio" name="sex" value="1" title="女">
         </div>
    </div>

    <!-- 聯繫電話 -->
    <div class="layui-form-item">
        <label class="layui-form-label">聯繫電話</label>
        <div class="layui-input-block">
            <input type="text" name="phone" id="phone" lay-verify="required|title" required placeholder="請輸入聯繫電話" autocomplete="off" class="layui-input">
        </div>
    </div>

    <!-- 退休單位及職稱 -->
    <div class="layui-form-item layui-form-text">
        <label class="layui-form-label">退休單位及職稱</label>
        <div class="layui-input-block">
            <textarea placeholder="請輸入退休單位及職稱" id="companytitle" name="companytitle" class="layui-textarea"></textarea>
        </div>
    </div>

    <!-- 卡種及其補貼 -->
    <div class="layui-form-item layui-form-text">
        <label class="layui-form-label">卡種</label>
        <div class="layui-input-block">
            <textarea placeholder="請輸入卡種" name="card" id="card" class="layui-textarea"></textarea>
        </div>
    </div>

    <!-- 卡類別 -->
    <div class="layui-form-item layui-form-text">
        <label class="layui-form-label">卡種補貼</label>
        <div class="layui-input-block">
            <textarea placeholder="請輸入卡種補貼" name="cardtype" id="cardtype" class="layui-textarea"></textarea>
        </div>
    </div>


    <!-- 是否領取居住證 -->
    <div class="layui-form-item pane">
        <label class="layui-form-label">是否領取居住證</label>
        <div class="layui-input-block">
            <input type="radio" name="islive" value="0" title="是" checked>
            <input type="radio" name="islive" value="1" title="否">
        </div>
    </div>

    <!-- 家庭住址 -->
    <div class="layui-form-item">
        <label class="layui-form-label">家庭住址</label>
        <div class="layui-input-block">
            <input type="text" name="address" id="address" lay-verify="required|title" required placeholder="請輸入家庭住址" autocomplete="off" class="layui-input">
        </div>
    </div>

    <!-- 是否體檢 -->
    <div class="layui-form-item">
        <label class="layui-form-label">是否體檢</label>
        <div class="layui-input-block">
            <input type="radio" name="isphysical" value="0" title="是" checked>
            <input type="radio" name="isphysical" value="1" title="否">
        </div>
    </div>

    <!-- 身體狀況 -->
    <div class="layui-form-item">
        <label class="layui-form-label">身體狀況</label>
        <div class="layui-input-block">
            <input type="text" name="physicalstatus" id="physicalstatus" lay-verify="required|title" required placeholder="請輸入身體狀況" autocomplete="off" class="layui-input">
        </div>
    </div>

    <!-- 興趣喜好特長 -->
    <div class="layui-form-item">
        <label class="layui-form-label">興趣喜好特長</label>
        <div class="layui-input-block">
            <input type="text" name="hobby" id="hobby" lay-verify="required|title" required placeholder="請輸入興趣喜好特長" autocomplete="off" class="layui-input">
        </div>
    </div>

    <!-- 禁忌 -->
    <div class="layui-form-item">
        <label class="layui-form-label">禁忌</label>
        <div class="layui-input-block">
            <input type="text" name="taboo" id="taboo" lay-verify="required|title" required placeholder="請輸入禁忌" autocomplete="off" class="layui-input">
        </div>
    </div>

    <!-- 是否升級轉介紹 -->
    <div class="layui-form-item">
        <label class="layui-form-label">是否升級轉介紹</label>
        <div class="layui-input-block">
            <input type="radio" name="isupgrade" value="0" title="是" checked>
            <input type="radio" name="isupgrade" value="1" title="否">
        </div>
    </div>

    <!-- 備註 -->
    <div class="layui-form-item layui-form-text">
        <label class="layui-form-label">備註</label>
        <div class="layui-input-block">
            <textarea placeholder="請輸入備註" name="remark" id="remark" class="layui-textarea"></textarea>
        </div>
    </div>

    <!-- 第一服務顧問 -->
    <div class="layui-form-item">
        <label class="layui-form-label">第一服務顧問</label>
        <div class="layui-input-block">
            <input type="text" name="firstserver" id="firstserver" lay-verify="required|title" required placeholder="請輸入第一服務顧問" autocomplete="off" class="layui-input">
        </div>
    </div>

    <!-- 第二服務顧問 -->
    <div class="layui-form-item">
        <label class="layui-form-label">第二服務顧問</label>
        <div class="layui-input-block">
            <input type="text" name="sencondserver" id="sencondserver" lay-verify="required|title" required placeholder="請輸入第二服務顧問" autocomplete="off" class="layui-input">
        </div>
    </div>

    <br/>
    <hr>
    <br/>

    <div class="layui-form-item">
        <div class="layui-input-block">
            <button class="layui-btn" lay-submit lay-filter="*">立即提交</button>
            <button type="reset" class="layui-btn layui-btn-primary">重置</button>
        </div>
    </div>
</form>

上面是我的解決方式,獲取表格中性別選擇代碼

layui.use('form', function(){
//監聽提交
            form.on('submit(*)', function(data){
                console.log(data);
                data = data.field;
                $.ajax({
                    url     : "接口名稱",
                    data    : {
                        id              : data.id,
                        name            : data.name,
                        sex             : data.sex,
                        phone           : data.phone,
                        title           : data.title,
                        cardtype        : data.cardtype,
                        card            : data.card,
                        subsidy         : data.subsidy,
                        islive          : data.islive,
                        address         : data.address,
                        familystatus    : data.familystatus,
                        isphysical      : data.isphysical,
                        physicalstatus  : data.physicalstatus,
                        hobby           : data.hobby,
                        taboo           : data.taboo,
                        isupgrade       : data.isupgrade,
                        remark          : data.remark,
                        firstserver     : data.firstserver,
                        secondserver    : data.secondserver,
                        status          : data.status,
                        companytitle    : data.companytitle
                    },
                    method  : 'POST',
                    success : function (data) {
                        if (data.code == 0) {
                            layer.msg("操作成功");
                        } else {
                            layer.msg("code:"+data.code+" msg:"+data.msg);
                        }
                    },
                    error   : function () {
                        layer.msg("可能是因爲網絡原因操作失敗了,請重試,若多次重試不成功,請與網站管理員聯繫");
                    }
                });
                return false;
            });

        });

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章