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 回答