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");
}
頁面佈局與上方的佈局取值一樣。