ホームページ  >  記事  >  ウェブフロントエンド  >  jQuery は、テーブル内の 2 つの列の CheckBox のうち 1 つだけを選択する方法の例を実装します。

jQuery は、テーブル内の 2 つの列の CheckBox のうち 1 つだけを選択する方法の例を実装します。

韦小宝
韦小宝オリジナル
2018-01-15 11:37:321724ブラウズ

以下のエディターは、テーブル内の 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=&#39;checkbox&#39;]").removeAttr("checked");
  });

})
</script>


//レンダリングはアップロードできません現時点では動的で、個人的にテストされており便利です

上記は、テーブル内の 2 つの列の CheckBox のうち 1 つだけをエディターで選択できる jQuery 実装例の内容全体です。気に入っていただければ幸いです。それ~

関連する推奨事項:

ファイルをアップロードするためのjQuery Ajaxメソッドの詳細な説明

jQuerylayuiの一般的なメソッドの例の共有

jQuerylayuiの一般的なメソッドの紹介

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

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。