テーブル内の 2 つの列の CheckBox のうち 1 つだけを選択できる jQuery コード

この記事では主に、jQuery がテーブル内の CheckBox の 2 つの列のうち 1 つだけを選択できる方法の例を紹介します。編集者はこれが非常に良いものだと思ったので、皆さんの参考として今から共有します。編集者をフォローして見てみましょう。皆さんのお役に立てれば幸いです。

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

//エフェクト画像は一時的にアップロードできませんが、個人的なテストには役立ちます

関連する推奨事項:

チェックボックスとラジオを美しくする方法HTMLのスタイル

入力チェックボックス クリック範囲を広げる方法

jQueryはチェックボックスメソッドを実装しています

以上がテーブル内の 2 つの列の CheckBox のうち 1 つだけを選択できる jQuery コードの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。