在使用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;
});
});