快捷導(dǎo)航

layui checkbox默認(rèn)選中,獲取選中值,清空所有選中項(xiàng)的例子

更新時(shí)間：2019年09月02日 09:13:23 作者：以夢(mèng)為馬-不負(fù)韶華

今天小編就為大家分享一篇layui checkbox默認(rèn)選中,獲取選中值,清空所有選中項(xiàng)的例子，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧

廢話不多說，直接上代碼吧：

var arr = res.data;
var myCheckbox = $("input[name='MenuArr']");
myCheckbox.prop('checked', false); //切換下拉選項(xiàng)時(shí)，清空所有選中狀態(tài)
form.render('checkbox');//記得每次操作后要渲染該元素
            
for (var j = 0; j < arr.length; j++) { //數(shù)據(jù)庫(kù)返回的需要選中項(xiàng)的值，我這里只返回了value，有需要可以返回?cái)?shù)組對(duì)象            
for (var i = 0; i < myCheckbox.length; i++) {//遍歷checkbox所有項(xiàng)
if (myCheckbox[i].value == arr[j]) {                  
  myCheckbox[i].checked = true;//設(shè)置選中項(xiàng)
  }                
}
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("請(qǐng)選擇菜單范圍");
          return false;
        }
        data.field.MenuArr = checkboxValue;

以上這篇layui checkbox默認(rèn)選中,獲取選中值,清空所有選中項(xiàng)的例子就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。

您可能感興趣的文章:

相關(guān)文章

js返回前一頁刷新本頁重載頁面
本節(jié)主要為大家介紹了js返回前一頁如何刷新本頁重載頁面的方法，需要的朋友可以參考下
2014-07-07
第七章之菜單按鈕圖標(biāo)組件
Bootstrap，來自 Twitter，是目前最受歡迎的前端框架。這篇文章主要介紹BootStrap組件之菜單按鈕圖標(biāo)組件的相關(guān)資料,需要的朋友可以參考下
2016-04-04
JavaScript對(duì)象的淺拷貝與深拷貝實(shí)例分析
這篇文章主要介紹了JavaScript對(duì)象的淺拷貝與深拷貝,結(jié)合實(shí)例形式分析了javascript淺拷貝與深拷貝的原理、實(shí)現(xiàn)方法與相關(guān)操作技巧,需要的朋友可以參考下
2018-07-07
JS字符串截取出現(xiàn)的bug以及解決方式
之前在獲取元素屬性時(shí),踩了個(gè)坑,記錄一下,下面這篇文章主要給大家介紹了關(guān)于JS字符串截取出現(xiàn)的bug以及解決方式,文中通過實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下
2022-12-12
JavaScript深拷貝與淺拷貝原理深入探究
深拷貝和淺拷貝是面試中經(jīng)常出現(xiàn)的,主要考察對(duì)基本類型和引用類型的理解深度,這篇文章主要給大家介紹了關(guān)于js深拷貝和淺拷貝的相關(guān)資料,需要的朋友可以參考下
2022-10-10
JS實(shí)現(xiàn)自定義彈窗功能
瀏覽器自帶的原生彈窗很不美觀，而且功能比較單一，絕大部分時(shí)候我們都會(huì)按照設(shè)計(jì)圖自定義彈窗或者直接使用注入layer的彈窗等等。下面小編給大家?guī)砹薐S實(shí)現(xiàn)自定義彈窗，感興趣的朋友一起看看吧
2018-08-08
Postman內(nèi)建變量常用方法實(shí)例解析
這篇文章主要介紹了Postman內(nèi)建變量常用方法實(shí)例解析,文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下
2020-07-07
微信小程序之間的參數(shù)傳遞、獲取的操作方法
這篇文章主要介紹了微信小程序中如何獲取和傳遞參數(shù),包括獲取當(dāng)前頁面參數(shù)、單獨(dú)input文本框參數(shù)的獲取、表單獲取參數(shù)信息、點(diǎn)擊表格單元格信息獲取行ID以及前端頁面跳轉(zhuǎn)傳遞多個(gè)參數(shù)等,感興趣的朋友跟隨小編一起看看吧
2025-01-01
如何利用JavaScript?實(shí)現(xiàn)繼承
這篇文章主要介紹了如何利用JavaScript?實(shí)現(xiàn)繼承，JavaScript?在編程語言界是個(gè)特殊種類，它和其他編程語言很不一樣，JavaScript可以在運(yùn)行的時(shí)候動(dòng)態(tài)地改變某個(gè)變量的類型,下面小編將繼續(xù)介紹JavaScript如何實(shí)現(xiàn)繼承,需要的朋友可以參考下
2022-02-02
純JS打造網(wǎng)頁中checkbox和radio的美化效果
這篇文章主要介紹了純JS打造網(wǎng)頁中checkbox和radio的美化效果,代碼簡(jiǎn)單易懂，非常不錯(cuò)具有參考借鑒價(jià)值，需要的朋友可以參考下
2016-10-10