Heim > Web-Frontend > Layui-Tutorial > So setzen Sie das Kontrollkästchen in Laui

So setzen Sie das Kontrollkästchen in Laui

爱喝马黛茶的安东尼
Freigeben: 2019-07-11 10:27:34
Original
13454 Leute haben es durchsucht

So setzen Sie das Kontrollkästchen in Laui

Methode 1

Setzen Sie LAY_CHECKED im zurückgegebenen JSON auf true, und das Kontrollkästchen auf der Seite wird aktiviert. .

data":[
    {"name":"北京市","areaType":"省/直辖市","id":"110000","LAY_CHECKED":true},
    {"name":"市辖区","areaType":"地市","id":"110100","LAY_CHECKED":true},
    {"name":"县","areaType":"地市","id":"110200","LAY_CHECKED":false}
]
Nach dem Login kopieren

Verwandte Empfehlungen: „Layui-Framework-Tutorial

Methode 2

Was tun, wenn kein LAY_CHECKED vorhanden ist? die zurückgegebenen Daten? Beispielsweise werden die folgenden Daten zurückgegeben:

data":[
    {"name":"北京市","areaType":"省/直辖市","id":"110000","checked":true},
    {"name":"市辖区","areaType":"地市","id":"110100","checked":true},
    {"name":"县","areaType":"地市","id":"110200","checked":false}
]
Nach dem Login kopieren

Hinweis: „checked“ wird hier verwendet, um anzugeben, ob es ausgewählt ist, nicht LAY_CHECKED.

Zu diesem Zeitpunkt können Sie die js der Seite ändern.

layui.use('table', function(){    
    var $ = layui.$;    
    var table = layui.table;    
   //在使用table之前加上下面这句就可以了
   table =  $.extend(table, {config: {checkName: 'checked'}});
   table.render({
       ...
   });
});
Nach dem Login kopieren

Das obige ist der detaillierte Inhalt vonSo setzen Sie das Kontrollkästchen in Laui. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage