0

私はフォームを持っていて、どのセクションが完了したかをユーザーに示すためのアイテムのリストであるチェックリストを表示したいと考えています。それらのフォームフィールドがそのように完成したかどうかに応じて、チェックマークまたはクロスを表示する各リスト項目に css クラスを適用できるようにしたいと考えています。

<ul class="summary">
    <li class="complete">Resort</li>
    <li class="complete">General Information</li>
    <li class="complete">Accommodation</li>
    <li class="incomplete">Resort Features/Services</li>
    <li class="incomplete">Resort Extras &amp; Amenities</li>
</ul>

場合によっては、ティックまたはクロスを表示するかどうかを決定するために、各セクションに複数のフォーム フィールドが存在することがあります。

誰かが以前にこのようなことをしたことがあるか、または例を知っているかどうか疑問に思いましたか?

ありがとうございました。

4

2 に答える 2

1

jQuery を使用して、各セクションの完全性を検証/判断します。

次に、適切なリスト項目のクラスを交換します。私はそれを識別するためのクラスをそれぞれに与えます：

<ul class="summary">
<li class="summary-resort">Resort</li>
<li class="summary-general">General Information</li>
<li class="summary-accomodation">Accommodation</li>
<li class="summary-features">Resort Features/Services</li>
<li class="summary-extras">Resort Extras &amp; Amenities</li>
</ul>

次に、jQuery の簡単な行:

...if summary-resort section is complete...
$(".summary-resort").addClass("complete")
于 2009-11-17T15:23:26.627 に答える
0

Jqueryで簡単に要素のクラスを変更できると思います。これを試してください（各要素のIDを使用）：

$("#li_1").removeClass("complete");
$("#li_1").addClass("incomplete");

しかし、セクションが完成したかどうかをどうやって知るのでしょうか? フォーム内のイベントで？データベースの情報から？

于 2009-11-17T15:24:06.093 に答える