ホームページ >ウェブフロントエンド >jsチュートリアル >jQuery は、テーブル内の 2 つの列の CheckBox のうち 1 つだけを選択する方法の例を実装します。
以下のエディターは、テーブル内の CheckBox の 2 つの列のうち 1 つだけを選択できることを理解するための jQuery を使用した例を示します。編集者はこれがかなり良いと思ったので、今から jquery のソース コードでみんなに共有し、参考にしてもらいます。 jQuery に興味がある場合は、エディターをフォローしてご覧ください
//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>
//レンダリングはアップロードできません現時点では動的で、個人的にテストされており便利です
上記は、テーブル内の 2 つの列の CheckBox のうち 1 つだけをエディターで選択できる jQuery 実装例の内容全体です。気に入っていただければ幸いです。それ~
関連する推奨事項:
ファイルをアップロードするためのjQuery Ajaxメソッドの詳細な説明jQuerylayuiの一般的なメソッドの例の共有jQuerylayuiの一般的なメソッドの紹介以上がjQuery は、テーブル内の 2 つの列の CheckBox のうち 1 つだけを選択する方法の例を実装します。の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。