Verwenden Sie das Kontrollkästchen, um Laui-Tabellen zu bedienen

Dieses Mal werde ich Ihnen die Vorsichtsmaßnahmen zur Verwendung von Kontrollkästchen zum Betreiben von Laui-Tabellen und Kontrollkästchen zum Betreiben von Laui-Tabellen vorstellen. Das Folgende ist ein praktischer Fall, werfen wir einen Blick darauf.

In der vorherigen Version muss das Standard-Kontrollkästchen sinnvoll sein. Das Standardwort ist für die Auswahl im Formular nicht geeignet und lässt sich glücklicherweise nur schwer ändern Nach dem Upgrade von Laui kann es unterstützt werden, den Namenswert nicht zu schreiben, um ihn an den Auswahlvorgang in der Tabelle anzupassen.

1. Die Laui-Versionsnummer ist v1.0.9 rls-Version (derzeit die neueste Version)

<span style="white-space:pre;">	</span><p class="layui-form">
	 <table class="layui-table">
	 <thead>
	  <tr>
	  <th><input type="checkbox" name="" lay-skin="primary" lay-filter="allChoose"></th>
	  <th>人物</th>
	  <th>民族</th>
	  <th>出场时间</th>
	  <th>格言</th>
	  </tr> 
	 </thead>
	 <tbody>
	  <tr>
	  <td><input type="checkbox" name="" lay-skin="primary"></td>
	  <td>贤心</td>
	  <td>汉族</td>
	  <td>1989-10-14</td>
	  <td>人生似修行</td>
	  </tr>
	  <tr>
	  <td><input type="checkbox" name="" lay-skin="primary"></td>
	  <td>张爱玲</td>
	  <td>汉族</td>
	  <td>1920-09-30</td>
	  <td>于千万人之中遇见你所遇见的人，于千万年之中，时间的无涯的荒野里…</td>
	  </tr>
	 </tbody>
	 </table>
	</p>
	<script type="text/javascript" src="plugins/layui/lay/dest/layui.all.js"></script>
	<script type="text/javascript">
		var $ = layui.jquery,
			form = layui.form();
		//全选
		form.on('checkbox(allChoose)', function(data){
		 var child = $(data.elem).parents('table').find('tbody input[type="checkbox"]');
		 child.each(function(index, item){
		  item.checked = data.elem.checked;
		 });
		 form.render('checkbox');
		});
	</script>

2, die Versionsnummer ist v1.0.9. Versionen vor rls müssen mehrere Dateien aktualisieren

(a) Datei „layui.all.js“ in „layuilaydest“

(b )layuilay Die Datei form.js in

modules

(c) Die Dateilayui.css inlayuicss

überschreibt die oben genannten drei Dateien von der neuesten Version mit dem Original In der Version können Sie den Kontrollkästchenstil problemlos implementieren.

Ich glaube, dass Sie die Methode beherrschen, nachdem Sie den Fall in diesem Artikel gelesen haben. Weitere spannende Informationen finden Sie in anderen verwandten Artikeln auf der chinesischen PHP-Website!

Empfohlene Lektüre:

Wie $set das Array in vue.js aktualisiert

Wie wählt JQuery den in der Auswahl angegebenen Wert aus? Komponente

Das obige ist der detaillierte Inhalt vonVerwenden Sie das Kontrollkästchen, um Laui-Tabellen zu bedienen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!