欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

js中復(fù)選框的取值及賦值示例詳解

 更新時間：2020年10月18日 10:17:26   作者：芒果丿  
這篇文章主要給大家介紹了關(guān)于js中復(fù)選框的取值及賦值的相關(guān)資料，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧

1、復(fù)選框的取值：（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>

復(fù)選框中name="payoperator"必須相同，復(fù)選框才會生效

2、復(fù)選框的賦值：

從后臺取到值后要先在前端頁面初始化（復(fù)選框都未選中）

$(“input[name=payoperator]”).attr(“checked”,false);

 var detail = detaildata.pay_operator;（detaildata為從后臺取到的所有數(shù)據(jù)的值，pay_operator為數(shù)據(jù)庫的字段）
 var split = detail.split(",");
  for (var i = 0; i < split.length; i++) {
  $("input[name=payoperator][value="+split[i]+"]").attr("checked","checked");
  }

       頁面布局與上方的布局取值一樣。

總結(jié)

到此這篇關(guān)于js中復(fù)選框的取值及賦值的文章就介紹到這了,更多相關(guān)js復(fù)選框的取值及賦值內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

相關(guān)文章

最新評論