2009-11-17 107 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"); 

但是,你怎麼知道如果一個部分是完整的?隨着事件的形式?從數據庫中的信息?