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)取到值后要先在前端頁面初始化(復(fù)選框都未選中)
$(“input[name=payoperator]”).attr(“checked”,false);
var detail = detaildata.pay_operator;(detaildata為從后臺(tái)取到的所有數(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)容請(qǐng)搜索好吧啦網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持好吧啦網(wǎng)!
相關(guān)文章:
1. 在Android中使用WebSocket實(shí)現(xiàn)消息通信的方法詳解2. 淺談python出錯(cuò)時(shí)traceback的解讀3. ASP 信息提示函數(shù)并作返回或者轉(zhuǎn)向4. Python importlib動(dòng)態(tài)導(dǎo)入模塊實(shí)現(xiàn)代碼5. windows服務(wù)器使用IIS時(shí)thinkphp搜索中文無效問題6. 利用promise及參數(shù)解構(gòu)封裝ajax請(qǐng)求的方法7. python matplotlib:plt.scatter() 大小和顏色參數(shù)詳解8. .NET中l(wèi)ambda表達(dá)式合并問題及解決方法9. JSP數(shù)據(jù)交互實(shí)現(xiàn)過程解析10. Nginx+php配置文件及原理解析
