ホームページ > ウェブフロントエンド > htmlチュートリアル > html チェックボックスはすべての選択/選択のキャンセルを実装します_html/css_WEB-ITnose

html チェックボックスはすべての選択/選択のキャンセルを実装します_html/css_WEB-ITnose

WBOY
リリース: 2016-06-24 11:42:16
オリジナル
1318 人が閲覧しました

html checkbox  实现全选/取消全选




<html><body>	<table border="1">		<tr>			<th><input type="checkbox" onclick="swapCheck()" /></th>			<th>Month</th>			<th>Savings</th>		</tr>		<tr>			<td><input type="checkbox" /></td>			<td>January</td>			<td>$100</td>		</tr>		<tr>			<td><input type="checkbox" /></td>			<td>February</td>			<td>$150</td>		</tr>	</table>	<script type="text/javascript"		src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js"></script>	<script type="text/javascript">		//checkbox 全选/取消全选		var isCheckAll = false;		function swapCheck() {			if (isCheckAll) {				$("input[type='checkbox']").each(function() {					this.checked = false;				});				isCheckAll = false;			} else {				$("input[type='checkbox']").each(function() {					this.checked = true;				});				isCheckAll = true;			}		}	</script></body></html>
ログイン後にコピー



效果图:



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