js中核取方塊的取值以及賦值

2020-10-17 12:01:04

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