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

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

韦小宝
リリース: 2018-01-15 11:37:32
オリジナル
1771 人が閲覧しました

以下のエディターは、テーブル内の 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 サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート