js中複選框的取值及賦值示例詳解
阿新 • • 發佈:2020-10-19
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"); }
頁面佈局與上方的佈局取值一樣。
總結
到此這篇關於js中複選框的取值及賦值的文章就介紹到這了,更多相關js複選框的取值及賦值內容請搜尋我們以前的文章或繼續瀏覽下面的相關文章希望大家以後多多支援我們!