1、復選框的取值:(js部分)
var checkboxdata = $(“input[name=payoperator]:checked”).map(function() {
return $(this).val();
}).get().join(",");
<div class="form-group">
<label class="col-lg-2 col-md-2 col-sm-12 control-label">支付方式</label>
<div class="col-lg-4 col-md-4">
<label class="checkbox-inline">
<input type="checkbox" name="payoperator" value="1">支付寶在線繳費 </label>
<label class="checkbox-inline">
<input type="checkbox" name="payoperator" value="2" checked="checked">支付寶代扣繳費 </label>
<label class="checkbox-inline">
<input type="checkbox" name="payoperator" value="3" checked="checked">支付寶當面付 </label>
</div>
</div>
復選框中name="payoperator"必須相同,復選框才會生效
2、復選框的賦值:
從后臺取到值后要先在前端頁面初始化(復選框都未選中)
$(“input[name=payoperator]”).attr(“checked”,false);
var detail = detaildata.pay_operator;(detaildata為從后臺取到的所有資料的值,pay_operator為資料庫的欄位)
var split = detail.split(",");
for (var i = 0; i < split.length; i++) {
$("input[name=payoperator][value="+split[i]+"]").attr("checked","checked");
}
頁面布局與上方的布局取值一樣,
轉載請註明出處,本文鏈接:https://www.uj5u.com/qianduan/176397.html
標籤:其他
上一篇:深入分析String類
下一篇:vue專案優化
