Comment jQuery implémente-t-il des CheckBox à deux colonnes dans une table qui ne peut sélectionner qu'une seule méthode ?

Cet article vous apporte principalement un exemple de la façon dont jQuery ne peut sélectionner qu'une des deux colonnes de CheckBox dans le tableau. L'éditeur pense que c'est plutôt bien, alors je vais le partager avec vous maintenant et le donner comme référence. Suivons l'éditeur pour y jeter un œil, j'espère que cela pourra aider tout le monde.

//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>

//Les rendus dynamiques ne peuvent pas être téléchargés pour le moment, un test personnel est utile

Ce qui précède est l'intégralité du contenu de l'exemple d'implémentation de jQuery où une seule des deux colonnes CheckBox du tableau peut être sélectionnée par l'éditeur ~

.

Recommandations associées ：

Un exemple explique l'implémentation par jQuery de la fonction de modification instantanée et de suppression par lots des cases à cocher

Un exemple détaillé explique l'opération simple de l'implémentation par jQuery de la case à cocher

Case à cocher d'opération JQuery pour obtenir plusieurs exemples de sélection et de désélection

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!