<input type="hidden" name="inputTime1" class="inputTime" /> <input type="hidden" name="inputTime2" class="inputTime" /> <input type="hidden" name="inputTime3" class="inputTime" /> <input type="hidden" name="inputTime4" class="inputTime" />
<input type="hidden" name="inputNotes1" class="inputNotes" /> <input type="hidden" name="inputNotes2" class="inputNotes" /> <input type="hidden" name="inputNotes3" class="inputNotes" /> <input type="hidden" name="inputNotes4" class="inputNotes" /> $(document).ready(function(){ var inputNotes = $('.inputNotes'); $('.inputTime').each(function(i){ if(inputNotes.eq(i).val() == "") $(this).css('fontWeight','bold') }); }); On Nov 14, 11:07 am, nmiddleweek <[EMAIL PROTECTED]> wrote: > Hi, > > I'm really not even sure where to start with this one so am really > hoping someone can help shed some light on it... > > I've got a a bunch of input fields called inputTime1, inputTime2, > inputTime3, inputTime4 > > and I've got a 'parallel' bunch of hidden fields called inputNotes1, > inputNotes2, inputNotes3, inputNotes4 > > I need to set the inputTime1.css to bold if inputNotes1 is NOT empty > and the same for inputTime2 and inputNotes2, etc. > > Can this be done in a simple jQuery statement? > > Cheers and thanks in advance! > > N