2009-11-17 87 views
0

我有一个表单并希望显示一个清单,这将只是一个项目列表,以显示用户哪些部分已完成。我希望能够将CSS类应用于每个将显示勾号或交叉的列表项,具体取决于这些表单域是否已完成,如此;jQuery表单字段清单

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

在某些情况下可以存在,以便确定是否显示蜱或横每个区段的多个表单字段。

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

谢谢。

+1

我讨厌这样的问题。开始使用,并在出现问题时询问问题。 – 2009-11-17 15:18:24

+0

似乎对我来说是一个有效的问题。本网站适用于不确定从哪里开始的人。 +1 – 2009-11-17 16:23:16

回答

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

我想修改类的元素其易于使用jQuery的。 试试这个(为每个元素的ID):

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

但是,你怎么知道如果一个部分是完整的?随着事件的形式?从数据库中的信息?