js中復(fù)選框的取值及賦值示例詳解
更新時間：2020年10月18日 10:17:26 作者：芒果丿
這篇文章主要給大家介紹了關(guān)于js中復(fù)選框的取值及賦值的相關(guān)資料，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
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ù)選框才會生效
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)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
Moment.js是一個輕量級的JavaScript時間庫，它方便了日常開發(fā)中對時間的操作，提高了開發(fā)效率下，本文給大家介紹moment.js使用超詳細(xì)教程，感興趣的朋友跟隨小編一起看看吧2023-10-10
bootstrap和jQuery.Gantt的css沖突 如何解決
這篇文章主要介紹了bootstrap和jQuery.Gantt的css沖突，本文給出了解決沖突的解決方法，感興趣的小伙伴們可以參考一下2016-05-05
阿里巴巴技術(shù)文章分享 Javascript繼承機(jī)制的實現(xiàn)
這篇文章主要介紹了阿里巴巴技術(shù)文章，分享的是一篇關(guān)于Javascript實現(xiàn)繼承機(jī)制的文章，感興趣的小伙伴們可以參考一下2016-01-01
這是一個十分常見的微博列表頁面，類似于新浪微博。上周末，在心無旁騖情況下，一共用了5個對象，產(chǎn)出400行代碼，實踐出一種代碼組織模式。2011-08-08
一覽畫面點(diǎn)擊復(fù)選框后獲取多個id值的方法
這篇文章主要介紹了在一覽畫面點(diǎn)擊復(fù)選框后獲取多個id值的方法，前臺采用js技術(shù)后臺采用java技術(shù)實現(xiàn)的，邏輯清晰，非常不錯，具有參考借鑒價值，感興趣的朋友一起看看吧2016-05-05
找到一點(diǎn)可憐的關(guān)于dojo資料，謝謝作者！
找到一點(diǎn)可憐的關(guān)于dojo資料，謝謝作者！...2006-12-12
js實時監(jiān)控文本框輸入字?jǐn)?shù)的實例代碼
下面小編就為大家分享一篇實時監(jiān)控文本框輸入字?jǐn)?shù)的實例代碼，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-01-01
JavaScript每天必學(xué)之基礎(chǔ)知識,具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-09-09
js對數(shù)組中的數(shù)字從小到大排序?qū)崿F(xiàn)代碼
對數(shù)組中的數(shù)字從小到大排序，很多時候需要用的多，需要的朋友可以參考下2012-09-09
這篇文章主要為大家詳細(xì)介紹了js實現(xiàn)web簡易版的消滅星星，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-03-03