欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

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ù)庫返回的需要選中項(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)文章

  • 將Echarts圖表導(dǎo)出為圖片的3種方法總結(jié)

    將Echarts圖表導(dǎo)出為圖片的3種方法總結(jié)

    這篇文章主要給大家介紹了關(guān)于將Echarts圖表導(dǎo)出為圖片的3種方法,Echarts是一種基于JavaScript的可視化庫,用于創(chuàng)建豐富、交互式的圖表和地圖,而Excel是一種電子表格軟件,用于數(shù)據(jù)處理和分析,需要的朋友可以參考下
    2023-06-06
  • Javascript中的作用域及塊級(jí)作用域

    Javascript中的作用域及塊級(jí)作用域

    作用域永遠(yuǎn)都是任何一門編程語言中的重中之重，因?yàn)樗刂浦兞颗c參數(shù)的可見性與生命周期。下面給大家介紹Javascript中的作用域及塊級(jí)作用域，需要的朋友參考下吧
    2017-12-12
  • web-view內(nèi)嵌H5與uniapp數(shù)據(jù)的實(shí)時(shí)傳遞解決方案

    web-view內(nèi)嵌H5與uniapp數(shù)據(jù)的實(shí)時(shí)傳遞解決方案

    這篇文章主要介紹了web-view內(nèi)嵌H5與uniapp數(shù)據(jù)的實(shí)時(shí)傳遞,本文通過實(shí)例代碼給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下
    2023-07-07
  • Vue3中使用typescript封裝axios的實(shí)例詳解

    Vue3中使用typescript封裝axios的實(shí)例詳解

    這篇文章主要介紹了使用typescript封裝axios的實(shí)例代碼，為了方便，在vue3的配置里面按需加載element-plus，本文通過實(shí)例代碼給大家介紹的非常詳細(xì),需要的朋友可以參考下
    2021-10-10
  • JavaScript jquery及AJAX小結(jié)

    JavaScript jquery及AJAX小結(jié)

    其實(shí)在學(xué)習(xí)之前，就已經(jīng)用上了js，jquery和ajax，不過當(dāng)時(shí)不清楚這些的區(qū)別，就全都當(dāng)成js來看，然后別人一說jquery，ajax都覺得好像很高級(jí)，等到自己學(xué)習(xí)的時(shí)候，倒是對(duì)這些更清楚了一點(diǎn)，下面就來寫一下我的總結(jié)
    2016-01-01
  • 讓html頁面不緩存js的實(shí)現(xiàn)方法

    讓html頁面不緩存js的實(shí)現(xiàn)方法

    這篇文章主要介紹了讓html頁面不緩存js的實(shí)現(xiàn)方法,分析了HTML頁面緩存js的原理,并由此分析實(shí)現(xiàn)不緩存js的方法,是非常實(shí)用的技巧,需要的朋友可以參考下
    2014-10-10
  • JavaScript實(shí)現(xiàn)三級(jí)聯(lián)動(dòng)效果

    JavaScript實(shí)現(xiàn)三級(jí)聯(lián)動(dòng)效果

    這篇文章主要為大家詳細(xì)介紹了JavaScript實(shí)現(xiàn)三級(jí)聯(lián)動(dòng)效果，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
    2017-07-07
  • Javascript中的prototype與繼承

    Javascript中的prototype與繼承

    本文主要介紹了Javascript中的prototype與繼承，具有一定的參考價(jià)值，下面跟著小編一起來看下吧
    2017-02-02
  • 淺談js中的三種繼承方式及其優(yōu)缺點(diǎn)

    淺談js中的三種繼承方式及其優(yōu)缺點(diǎn)

    下面小編就為大家?guī)硪黄獪\談js中的三種繼承方式及其優(yōu)缺點(diǎn)。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考，一起跟隨小編過來看看吧
    2016-08-08
  • JS實(shí)現(xiàn)預(yù)加載視頻音頻/視頻獲取截圖（返回canvas截圖）

    JS實(shí)現(xiàn)預(yù)加載視頻音頻/視頻獲取截圖（返回canvas截圖）

    這篇文章主要介紹了JS實(shí)現(xiàn)預(yù)加載視頻音頻/視頻獲取截圖（返回canvas截圖）的相關(guān)資料,需要的朋友可以參考下
    2017-10-10

最新評(píng)論