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'>支付寶在線繳費(fèi) </label> <label class='checkbox-inline'> <input type='checkbox' name='payoperator' value='2' checked='checked'>支付寶代扣繳費(fèi) </label> <label class='checkbox-inline'> <input type='checkbox' name='payoperator' value='3' checked='checked'>支付寶當(dāng)面付 </label> </div></div>
復(fù)選框中name='payoperator'必須相同,復(fù)選框才會(huì)生效
2、復(fù)選框的賦值:
從后臺(tái)取到值后要先在前端頁(yè)面初始化(復(fù)選框都未選中)
$(“input[name=payoperator]”).attr(“checked”,false);
var detail = detaildata.pay_operator;(detaildata為從后臺(tái)取到的所有數(shù)據(jù)的值,pay_operator為數(shù)據(jù)庫(kù)的字段) var split = detail.split(','); for (var i = 0; i < split.length; i++) { $('input[name=payoperator][value='+split[i]+']').attr('checked','checked'); }
頁(yè)面布局與上方的布局取值一樣。
總結(jié)
到此這篇關(guān)于js中復(fù)選框的取值及賦值的文章就介紹到這了,更多相關(guān)js復(fù)選框的取值及賦值內(nèi)容請(qǐng)搜索好吧啦網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持好吧啦網(wǎng)!
相關(guān)文章:
1. 小區(qū)后臺(tái)管理系統(tǒng)項(xiàng)目前端html頁(yè)面模板實(shí)現(xiàn)示例2. 基于javaweb+jsp實(shí)現(xiàn)企業(yè)車(chē)輛管理系統(tǒng)3. asp讀取xml文件和記數(shù)4. 前端從瀏覽器的渲染到性能優(yōu)化5. ASP.NET MVC遍歷驗(yàn)證ModelState的錯(cuò)誤信息6. ASP新手必備的基礎(chǔ)知識(shí)7. PHP中file_get_contents設(shè)置header請(qǐng)求頭,curl傳輸選項(xiàng)參數(shù)詳解說(shuō)明8. asp知識(shí)整理筆記2(問(wèn)答模式)9. python—sys模塊之獲取參數(shù)的操作10. python opencv通過(guò)按鍵采集圖片源碼
