js中復選框的取值及賦值示例詳解

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復選框的取值及賦值內容請搜索好吧啦網以前的文章或繼續瀏覽下面的相關文章希望大家以后多多支持好吧啦網！