Le code jQuery qui ne peut sélectionner qu'une des deux colonnes CheckBoxes du tableau

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 le trouve plutôt bon, je vais donc le partager avec vous maintenant et le donner comme référence pour tout le monde. 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, les tests personnels sont utile

Recommandations associées :

Comment embellir le style de la case à cocher et de la radio HTML

Comment étendre la case à cocher d'entrée Plage de clics

jQuery implémente la méthode des cases à cocher

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!