layui checkbox默認(rèn)選中,獲取選中值,清空所有選中項的例子
更新時間：2019年09月02日 09:13:23 作者：以夢為馬-不負(fù)韶華
今天小編就為大家分享一篇layui checkbox默認(rèn)選中,獲取選中值,清空所有選中項的例子，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
廢話不多說，直接上代碼吧：
var arr = res.data;
var myCheckbox = $("input[name='MenuArr']");
myCheckbox.prop('checked', false); //切換下拉選項時，清空所有選中狀態(tài)
form.render('checkbox');//記得每次操作后要渲染該元素
for (var j = 0; j < arr.length; j++) { //數(shù)據(jù)庫返回的需要選中項的值，我這里只返回了value，有需要可以返回數(shù)組對象
for (var i = 0; i < myCheckbox.length; i++) {//遍歷checkbox所有項
if (myCheckbox[i].value == arr[j]) {
myCheckbox[i].checked = true;//設(shè)置選中項
}
}
form.render('checkbox'); //設(shè)置完選中后記得渲染
}
//獲取選中值
var checkboxValue = "";
$("input:checkbox[name='MenuArr']:checked").each(function () {
if (checkboxValue == 0) {
checkboxValue = $(this).val();
return true;
}
checkboxValue += ',' + $(this).val();
});
if (checkboxValue.length == 0)
{
layer.msg("請選擇菜單范圍");
return false;
}
data.field.MenuArr = checkboxValue;
以上這篇layui checkbox默認(rèn)選中,獲取選中值,清空所有選中項的例子就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
您可能感興趣的文章:
相關(guān)文章
將Echarts圖表導(dǎo)出為圖片的3種方法總結(jié)
這篇文章主要給大家介紹了關(guān)于將Echarts圖表導(dǎo)出為圖片的3種方法,Echarts是一種基于JavaScript的可視化庫,用于創(chuàng)建豐富、交互式的圖表和地圖,而Excel是一種電子表格軟件,用于數(shù)據(jù)處理和分析,需要的朋友可以參考下2023-06-06
作用域永遠(yuǎn)都是任何一門編程語言中的重中之重，因為它控制著變量與參數(shù)的可見性與生命周期。下面給大家介紹Javascript中的作用域及塊級作用域，需要的朋友參考下吧2017-12-12
web-view內(nèi)嵌H5與uniapp數(shù)據(jù)的實時傳遞解決方案
這篇文章主要介紹了web-view內(nèi)嵌H5與uniapp數(shù)據(jù)的實時傳遞,本文通過實例代碼給大家介紹的非常詳細(xì)，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值，需要的朋友可以參考下2023-07-07
這篇文章主要介紹了使用typescript封裝axios的實例代碼，為了方便，在vue3的配置里面按需加載element-plus，本文通過實例代碼給大家介紹的非常詳細(xì),需要的朋友可以參考下2021-10-10
其實在學(xué)習(xí)之前，就已經(jīng)用上了js，jquery和ajax，不過當(dāng)時不清楚這些的區(qū)別，就全都當(dāng)成js來看，然后別人一說jquery，ajax都覺得好像很高級，等到自己學(xué)習(xí)的時候，倒是對這些更清楚了一點，下面就來寫一下我的總結(jié)2016-01-01
這篇文章主要介紹了讓html頁面不緩存js的實現(xiàn)方法,分析了HTML頁面緩存js的原理,并由此分析實現(xiàn)不緩存js的方法,是非常實用的技巧,需要的朋友可以參考下2014-10-10
JavaScript實現(xiàn)三級聯(lián)動效果
這篇文章主要為大家詳細(xì)介紹了JavaScript實現(xiàn)三級聯(lián)動效果，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-07-07
本文主要介紹了Javascript中的prototype與繼承，具有一定的參考價值，下面跟著小編一起來看下吧2017-02-02
下面小編就為大家?guī)硪黄獪\談js中的三種繼承方式及其優(yōu)缺點。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考，一起跟隨小編過來看看吧2016-08-08
JS實現(xiàn)預(yù)加載視頻音頻/視頻獲取截圖（返回canvas截圖）
這篇文章主要介紹了JS實現(xiàn)預(yù)加載視頻音頻/視頻獲取截圖（返回canvas截圖）的相關(guān)資料,需要的朋友可以參考下2017-10-10