js中復(fù)選框的取值及賦值示例詳解
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)容請搜索好吧啦網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持好吧啦網(wǎng)!
相關(guān)文章:
1. jscript與vbscript 操作XML元素屬性的代碼2. 不要在HTML中濫用div3. ASP將數(shù)字轉(zhuǎn)中文數(shù)字(大寫金額)的函數(shù)4. XML在語音合成中的應(yīng)用5. HTML5實戰(zhàn)與剖析之觸摸事件(touchstart、touchmove和touchend)6. .NET Framework各版本(.NET2.0 3.0 3.5 4.0)區(qū)別7. XML入門的常見問題(三)8. 基于PHP做個圖片防盜鏈9. ASP基礎(chǔ)入門第四篇(腳本變量、函數(shù)、過程和條件語句)10. php使用正則驗證密碼字段的復(fù)雜強度原理詳細講解 原創(chuàng)
