PHPによる簡易投票システム管理者機能モジュールの開発(3)

図に示すように、ここのクリックボタンには 3 つのオプションがあります: すべて選択、すべてキャンセル、選択を削除。

これらのボタンをクリックして、すべての項目を選択し、すべての項目の選択を解除し、選択したすべての投票項目を削除します

まず、<form>フォームのname属性を設定します

<form id="frm" name="frm" method="post" action="" style="margin-bottom:3px;"></form>

name属性は<input>でも使用されます。

<input type="checkbox" name="itm"/>

そして後続の 3 つのボタンのそれぞれに onclick イベントを与えます

<input type="button" value="选择全部" onclick="selectAll()" />
<input type="button" value="取消全部" onclick="cancelAll()" />
<input type="button" value="删除所选" onclick="del()" />

JavaScript を使用してすべてのクリック イベントの関数モジュールを実装します ここでは選択をマークするために for ループが使用されています。

「すべて選択」をクリックするとすべてのチェックボックスがチェック=trueになり、「すべてキャンセル」をクリックするとすべてのチェックボックスがチェック=falseでオフになります。

チェックボックスが選択されていない場合は、コンテンツIDが選択されていないことを意味し、コンテンツは削除されず、プロンプトメッセージが表示されます。

単一の ID を選択して削除することも、すべての ID を選択して削除することもできます。