ホームページ >ウェブフロントエンド >jsチュートリアル >jQuery ですべて選択/選択を反転し、行をクリックして背景色を変更します。

jQuery ですべて選択/選択を反転し、行をクリックして背景色を変更します。

WBOYオリジナル: 2016-05-16 17:30:231191ブラウズ

最初に CSS スタイルを出します。実際、これは直接無視できます。

 
body{margin:0;padding:0;font-size:12px;font-family:Microsoft Yahei;} 
.datagrid{width:100%;} 
.datagird tr th{background-color: #191970; font-size:14px;} 
.datagrid tr th, .datagrid tr td{border:1px border-collapse:collapse;} 
/* 選択row style*/ 
 .table-row-selected{background:#fff68f;} 

ページの HTML 構造を見てみましょう

コードをコピーしますコードは次のとおりです:

td>アリが正しくやったことを 3 つ挙げてください。

;

関数
1) 行をクリックして背景色を変更します

コードをコピー

コードは次のとおりです:

$ (".datagrid tbody tr").bind("click", function () {
var oThis = $(this);

if (oThis.hasClass("table-row -selected")) { oThis.removeClass("table-row-selected"); oThis.children("td:eq(0)").children("input[name='check'] ").removeAttr("checked "); } else { oThis.addClass("table-row-selected"); oThis.children("td:eq(0)").children ("input[name=' check']").attr("チェック済み", "チェック済み") }

});

2) すべて選択/すべて選択解除関数（未完了、継続）

声明：

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

前の記事：jquery 複数選択ボックスの左右移動固有の実装 code_jquery を選択します次の記事：jquery 複数選択ボックスの左右移動固有の実装 code_jquery を選択します

続きを見る

	タイトル	発行者	;公開時間
1	インターネット	07-01
;	2	16 の伝統的な産業がインターネットによって書き換えられる	インターネット	2013-07-01< /td>
	3	スマートフォン市場が変化したら、Coolpad はどうしますか?	インターネット	07-01
;	4	フォードが Google と Apple にどのように抵抗しているか見てみましょう。	インターネット	07-01

jQuery ですべて選択/選択を反転し、行をクリックして背景色を変更します。

関連記事