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ù)選框才會生效
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)文章希望大家以后多多支持腳本之家!
- 在js中單選框和復(fù)選框獲取值的方式
- js checkbox(復(fù)選框) 使用集錦
- Js動態(tài)添加復(fù)選框Checkbox的實(shí)例方法
- javascript判斷單選框或復(fù)選框是否選中方法集錦
- JavaScript簡單判斷復(fù)選框是否選中及取出值的方法
- JS實(shí)現(xiàn)復(fù)選框的全選和批量刪除功能
- js獲取單選框或復(fù)選框值及操作
- JS獲取復(fù)選框的值,并傳遞到后臺的實(shí)現(xiàn)方法
- javascript動態(tài)添加checkbox復(fù)選框的方法
- JS實(shí)現(xiàn)CheckBox復(fù)選框全選全不選功能
相關(guān)文章
JavaScript實(shí)現(xiàn)網(wǎng)頁版五子棋游戲
這篇文章主要為大家詳細(xì)介紹了JavaScript實(shí)現(xiàn)網(wǎng)頁版五子棋游戲,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2021-07-07JS實(shí)現(xiàn)數(shù)組刪除指定元素功能示例
這篇文章主要介紹了JS實(shí)現(xiàn)數(shù)組刪除指定元素功能,涉及javascript數(shù)組遍歷、排序、判斷等相關(guān)操作技巧,需要的朋友可以參考下2019-06-06js 數(shù)字、字符串、布爾值的轉(zhuǎn)換方法(必看)
下面小編就為大家?guī)硪黄猨s 數(shù)字、字符串、布爾值的轉(zhuǎn)換方法(必看)。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-04-04JavaScript實(shí)現(xiàn)自動對頁面上敏感詞進(jìn)行屏蔽的方法
這篇文章主要介紹了JavaScript實(shí)現(xiàn)自動對頁面上敏感詞進(jìn)行屏蔽的方法,涉及javascript針對頁面字符串查找及替換的相關(guān)技巧,需要的朋友可以參考下2015-07-07基于javascript的在火狐里面強(qiáng)制換行字符
火狐也不知道為什么,自己功能上,樣式上面,都無法讓其強(qiáng)制換行,這里用JS來實(shí)現(xiàn)火狐里面強(qiáng)制換行的方法。2010-06-06jquery實(shí)現(xiàn)select下拉框美化特效代碼分享
這篇文章主要介紹了jquery實(shí)現(xiàn)select下拉框美化特效,實(shí)現(xiàn)效果簡潔大方,推薦給大家,有需要的小伙伴可以參考下。2015-08-08