1. チェックボックスリストの選択 レンダリング: " -//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <u>$(function () { </u> / / すべて選択</a>$("#btnCheckAll").bind("click", function () { </span>$("[name = chkItem]:checkbox").attr("checked", true); </div>}); <div class="codebody" id="code9649">// 何も選択しません<br>$("#btnCheckNone").bind("click", function () { <br>$("[name = chkItem]:checkbox")。 attr("checked", false); <br>// 選択を反転します<br>$("#btnCheckReverse").bind("click", function () { <br>$("[ name = chkItem]:checkbox").each(function () { <br>$(this).attr("checked", !$(this).attr("checked")); <br>}); <br>}); <br>// 何も選択しません<br>$("#btnSubmit").bind("click", function () { <br>var result = new Array(); <br>$(" [name = chkItem]:checkbox").each(function () { <br>if ($(this).is(":checked")) { <br>result.push($(this).attr(" value")); <br>} <br>}); <br>alert(result.join(",")); <br>}); <br>}); <br> 🎜>ビジュアル フォーカス金融自動車テクノロジー不動産 旅行 =" btnCheckNone" type="button" value="何も選択しません" /> =" btnSubmit" type="button" value="Submit" /> 2. チェックボックステーブルは を選択します。 レンダリング: コード:コードをコピー コードは次のとおりです: <br>テーブル <br>{ <br>border-collapse: 折りたたむ; <br>} <br>td <br>{ <br>ボーダー: 1px 実線 #ccc; <br>} <br> <br>$(function () { <br>// chkAll全选イベント <br>$("#chkAll").bind("click", function () { <br>$("[name = chkItem] :checkbox").attr("checked", this.checked); <br>}); <br>// chkItem イベント <br>$("[name = chkItem]:checkbox").bind("click" , function () { <br>var $chk = $("[name = chkItem]:checkbox"); <br>$("#chkAll").attr("checked", $chk.length == $chk .filter(":checked").length); <br>}) <br>}); <br> <テーブルid="tb"> 分別名 今日话题 視觉焦点 财经 汽车 科技 房产 旅游
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
