Question

我有一个表单，希望显示一个清单，该清单只是一个项目列表，用于向用户显示哪些部分已完成。我希望能够将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>

在某些情况下，每个部分可能有多个表单字段，以确定是显示刻度还是交叉。

我想知道是否有人之前做过这样的事情或知道任何例子？

谢谢。

Answer 1

您将使用jQuery来验证/确定每个部分的完整性。

然后，您将交换相应列表项的类。我会给每个人一个ID来识别它：

<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")

Answer 2

我认为使用Jquery更改元素的类很容易。试试这个（每个元素都有一个id）：

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

但是，你怎么知道一个部分是否完整？有形式的事件？来自数据库中的信息？

jQuery表单字段清单

2 个答案: