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'>支付寶當(dāng)面付 </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. ajax請求添加自定義header參數(shù)代碼2. ASP基礎(chǔ)知識VBScript基本元素講解3. 解決android studio引用遠程倉庫下載慢(JCenter下載慢)4. Kotlin + Flow 實現(xiàn)Android 應(yīng)用初始化任務(wù)啟動庫5. Python requests庫參數(shù)提交的注意事項總結(jié)6. Gitlab CI-CD自動化部署SpringBoot項目的方法步驟7. 利用CSS3新特性創(chuàng)建透明邊框三角8. 淺談SpringMVC jsp前臺獲取參數(shù)的方式 EL表達式9. axios和ajax的區(qū)別點總結(jié)10. python操作mysql、excel、pdf的示例
