Wie implementiert jQuery zwei Spalten-CheckBoxes in einer Tabelle, die nur eine Methode auswählen kann?

Dieser Artikel enthält hauptsächlich ein Beispiel dafür, wie jQuery nur eine der beiden Spalten von CheckBox in der Tabelle auswählen kann. Der Herausgeber findet es ziemlich gut, deshalb teile ich es jetzt mit Ihnen und gebe es als Referenz. Folgen wir dem Herausgeber und werfen wir einen Blick darauf. Ich hoffe, es kann allen helfen.

//html

<table id="unit">
<tr>
<th>选项一</th>
<th>选项二</th>
<th>姓名</th>
</tr>
<tr>
<td><input type="checkbox" /></td>
<td><input type="checkbox" /></td>
<td>小红</td>
</tr>
<tr>
<td><input type="checkbox" /></td>
<td><input type="checkbox" /></td>
<td>小明</td>
</tr>
</table>

//jQuery

<script type="text/javascript">

$(function(){


　　$("#unit tr").click(function () {
　　　　$(this).siblings().find("input[type='checkbox']").removeAttr("checked");
　　});

})
</script>

//Renderings, dynamische können derzeit nicht hochgeladen werden, persönlicher Test ist sinnvoll

Das Obige ist der gesamte Inhalt des jQuery-Implementierungsbeispiels, bei dem nur eine der beiden Spalten-CheckBoxen in der Tabelle vom Editor ausgewählt werden kann~

Verwandte Empfehlungen:

Ein Beispiel erklärt die jQuery-Implementierung der Funktion zur sofortigen Änderung und Stapellöschung von Kontrollkästchen

Ein detailliertes Beispiel erklärt die einfache Bedienung der jQuery-Implementierung des Kontrollkästchens

JQuery-Operations-Kontrollkästchen, um mehrere Auswahl- und Abwahlbeispiele zu erreichen

Das obige ist der detaillierte Inhalt vonWie implementiert jQuery zwei Spalten-CheckBoxes in einer Tabelle, die nur eine Methode auswählen kann?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!