lundi 22 février 2016

Why are sections of html becoming unselected if I uncheck a check box

I have an html page with 6 check boxes; 1 for each room. Within each room there is radio button question: Do you require A/V? If you select yes, then all of the check boxes become available for selecting, otherwise, they remain gray. Problem: if you select at least 2 rooms, and then uncheck 1 room, all of the other rooms' A/V check boxes become unchecked and gray. You have to select no and then yes to begin again. I'm not sure why this is happening. Any and all help is appreciated, thanks. I'm appending the java script that I'm using and the relevant html code.

<script>
$(document).ready(function() {
    $('.grps input:radio').prop( "disabled", true );
    $('.grps').addClass( "gray");
  $('.theRequestedExtras').hide();

//SECTION 4
    $('.grps input.main1:checkbox').click(function() {
    var n= "#"+$(this).parent().attr('id');
    //$( "span" ).text( n );
    if ($(this).is(':checked')){
         $(n+' input:radio').prop( "disabled", false );
         $(this).parent().parent().removeClass("gray");
         $(this).parent().siblings('.theRequestedExtras').show();

    }
    else {

      $(n+' input:radio').prop( "checked", false );
          $(n+' input:radio').prop( "disabled", true );
         $(this).parent().parent().addClass("gray");
         $(this).parent().siblings('.theRequestedExtras').hide();


         $('#submit1 *').prop( "disabled", true ).prop( "checked", false ).css('color','#ccc');
         $('#submit2 *').prop( "disabled", true ).prop( "checked", false ).css('color','#ccc');
         $('#submit3 *').prop( "disabled", true ).prop( "checked", false ).css('color','#ccc');
         $('#submit4 *').prop( "disabled", true ).prop( "checked", false ).css('color','#ccc');
         $('#submit5 *').prop( "disabled", true ).prop( "checked", false ).css('color','#ccc');
         $('#submit6 *').prop( "disabled", true ).prop( "checked", false ).css('color','#ccc');


    }
  });


$(document).ready(function() {
  $('#submit1 *').prop( "disabled", true ).css('color','#ccc');
  $('#submit2 *').prop( "disabled", true ).css('color','#ccc');
  $('#submit3 *').prop( "disabled", true ).css('color','#ccc');
  $('#submit4 *').prop( "disabled", true ).css('color','#ccc');
  $('#submit5 *').prop( "disabled", true ).css('color','#ccc');
  $('#submit6 *').prop( "disabled", true ).css('color','#ccc');
  $('#submit7 *').prop( "disabled", true ).css('color','#ccc');
  $("textarea[name='av-other']").prop("disabled", true);


  $("input:radio[class^='yes-']").click(function() {
    var no = $(this).parent().attr('id').slice(-1);
    $('#submit'+no+' *').prop( "disabled", false );
    $('#submit'+no+' textarea').prop( "disabled", true );
    $('#submit'+no+' *').css('color','#000');
    $('#submit'+no+' * a:link ').css('color','#005DAA');

  });


  $("input:radio[class^='no-']").click(function() {
    var no = $(this).parent().attr('id').slice(-1);
    $('#submit'+no+' *').prop( "disabled", true );
    $('#submit'+no+' input').prop( "checked", false );
    $('#submit'+no+' textarea').prop( "value", "");
    $('#submit'+no+' *').css('color','#ccc');
  });

 $("input:checkbox[name='r1av14']").click(function() {
    if(this.checked){
    $("textarea[name='avother1']").prop('disabled', false).focus();}
    else{

    $("textarea[name='avother1']").prop("disabled", true);
  }
   });

$("input:checkbox[name='r2av14']").click(function() {
    if(this.checked){
    $("textarea[name='av-other2']").prop('disabled', false).focus();}
    else{

    $("textarea[name='av-other2']").prop("disabled", true);
  }
   });

  $("input:checkbox[name='r3av14']").click(function() {
    if(this.checked){
    $("textarea[name='av-other3']").prop('disabled', false).focus();}
    else{

    $("textarea[name='av-other3']").prop("disabled", true);
  }
   });

   $("input:checkbox[name='r4av14']").click(function() {
    if(this.checked){
    $("textarea[name='av-other4']").prop('disabled', false).focus();}
    else{

    $("textarea[name='av-other4']").prop("disabled", true);
  }
   });

   $("input:checkbox[name='r5av14']").click(function() {
    if(this.checked){
    $("textarea[name='av-other5']").prop('disabled', false).focus();}
    else{

    $("textarea[name='av-other5']").prop("disabled", true);
  }
   });

   $("input:checkbox[name='r6av14']").click(function() {
    if(this.checked){
    $("textarea[name='av-other6']").prop('disabled', false).focus();}
    else{

    $("textarea[name='av-other6']").prop("disabled", true);
  }
   });

<h2 class="h2-section">Room Requested* </h2>
<fieldset>
<div class="grps" id="grp1">
<div class="grps leftsection-grey " id="grp1">
<input type="checkbox" name="room1" class="input-float-left main1" ><label for="room1" class="h1-rooms">Room 1</label> </div>

<br> 

<div class="theRequestedExtras">

            <div class="room">

            <span><label class="label-center">Setup: Classroom Style Only</label>
            <img src="images/classroom.jpg" alt="classroom"><br> 
            Max Occupancy: 12 people</span>
            </div>
           <br clear="all">
            <h2 class="h2-section"><label for="comments" class="label-longest"><span>Audio / Visual   Request</span></label></h2>
<br>
            <div class="list" id="list1">
            <input type="radio" value="av-yes1" name="av-request1" id="av-yes1" class="yes-1"><label for="av-yes1" class="label-short"><span>Yes</span></label>
            <input type="radio" value="av-no1" name="av-request1" id="av-no1" class="no-1"><label for="av-no1" class="label-short"><span>No</span></label>
            <br>
            <br>

            <fieldset class="grps" id="submit1">
            <legend>Select one or more options below:</legend>
            <div class="leftsection-med">
            <INPUT TYPE="checkbox" NAME="r1av1" class="input-float-left" id="check_1"><label for="check_1" class="label-longer">&nbsp;Number of Head Tables</label>   
             <br>
             <INPUT TYPE="checkbox" NAME="r1av2" class="input-float-left" id="check_14"><label for="check_14" class="label-longer">&nbsp;Number of Panelists</label>  
             <br>
            <INPUT TYPE="checkbox" NAME="r1av3" class="input-float-left" id="check_2"><label for="check_2" class="label-longer">&nbsp;Microphones</label>  
            <br>
             <INPUT TYPE="checkbox" NAME="r1av4" class="input-float-left" id="check_3"><label for="check_3" class="label-longer">&nbsp;Audience Microphones</label> 
             <br>
             <INPUT TYPE="checkbox" NAME="r1av5" class="input-float-left" id="check_4"><label for="check_4" class="label-longer">&nbsp;Internet Access</label>   
             <br>
            <INPUT TYPE="checkbox" NAME="r1av6" class="input-float-left" id="check_5"><label for="check_5" class="label-longer">&nbsp;PowerPoint</label>  
            <br>
             <INPUT TYPE="checkbox" NAME="r1av7" class="input-float-left" id="check_6"><label for="check_6" class="label-longer">&nbsp;PC</label> 
             <br>
             <INPUT TYPE="checkbox" NAME="r1av8" class="input-float-left" id="check_7"><label for="check_7" class="label-longer">&nbsp;Need Sound</label> 
             <br>
             </div>
            <div class="rightsection">
            <INPUT TYPE="checkbox" NAME="r1av9" class="input-float-left" id="check_8"><label for="check_8" class="label-longer">&nbsp;Podium</label> 
             <br>
             <INPUT TYPE="checkbox" NAME="r1av10" class="input-float-left" id="check_9"><label for="check_9" class="label-longer">&nbsp;Podium Microphone</label> 
              <br>
             <INPUT TYPE="checkbox" NAME="r1av11" class="input-float-left" id="check_10"><label for="check_10" class="label-longer">&nbsp;Bringing own Laptop</label> 
             <br>
             <INPUT TYPE="checkbox" NAME="r1av12" class="input-float-left" id="check_11"><label for="check_11" class="label-longer">&nbsp;Projector</label> 
              <br>
             <INPUT TYPE="checkbox" NAME="r1av13" class="input-float-left" id="check_12"><label for="check_12" class="label-longer">&nbsp;Mac</label> 
             <br>
             <INPUT TYPE="checkbox" NAME="r1av14" class="input-float-left" id="check_13"><label for="check_13" class="label-longer">&nbsp;Other</label>
             <TEXTAREA COLS="60" ROWS="4" type="text" name="avother1" id="avother1"  maxlength="80" size="25" class="input"></TEXTAREA> 
            </div>
            </fieldset>
            </div>
            </div>
</div>

<br clear="all">
<div class="grps" id="grp2">
<div class="grps leftsection-grey " id="grp2"><input type="checkbox" name="room2" class="input-float-left main1"><label for="room2" class="h1-rooms"> Room 2</label> </div>
<br> 

<div class="theRequestedExtras">

        <div class="room2">

        <span><label class="label-center">Setup: Classroom Style Only</label>
        <img src="images/classroom.jpg" alt="classroom"><br>
         Max Occupancy: 12 people</span>
        </div>

    <br clear="all">

            <h2 class="h2-section"><label for="comments" class="label-longest"><span>Audio / Visual Request</span></label></h2>
    <br>

    <div class="list" id="list2">
    <input type="radio" value="av-yes2" name="av-request2" id="av-yes2" class="yes-2"><label for="av-yes2" class="label-short"><span>Yes</span></label>
    <input type="radio" value="av-no2" name="av-request2" id="av-no2" class="no-2"><label for="av-no2" class="label-short"><span>No</span></label>

    <br>
    <br>

    <fieldset id="submit2">
    <legend>Select one or more options below:</legend>
    <div class="leftsection-med">
    <INPUT TYPE="checkbox" NAME="r2av1" class="input-float-left" id="check_1"><label for="check_1" class="label-longer">&nbsp;Number of Head Tables</label>   
     <br>
     <INPUT TYPE="checkbox" NAME="r2av2" class="input-float-left" id="check_14"><label for="check_14" class="label-longer">&nbsp;Number of Panelists</label>  
     <br>
    <INPUT TYPE="checkbox" NAME="r2av3" class="input-float-left" id="check_2"><label for="check_2" class="label-longer">&nbsp;Microphones</label>  
    <br>
     <INPUT TYPE="checkbox" NAME="r2av4" class="input-float-left" id="check_3"><label for="check_3" class="label-longer">&nbsp;Audience Microphones</label> 
     <br>
     <INPUT TYPE="checkbox" NAME="r2av5" class="input-float-left" id="check_4"><label for="check_4" class="label-longer">&nbsp;Internet Access</label>   
     <br>
    <INPUT TYPE="checkbox" NAME="r2av6" class="input-float-left" id="check_5"><label for="check_5" class="label-longer">&nbsp;PowerPoint</label>  
    <br>
     <INPUT TYPE="checkbox" NAME="r2av7" class="input-float-left" id="check_6"><label for="check_6" class="label-longer">&nbsp;PC</label> 
     <br>
     <INPUT TYPE="checkbox" NAME="r2av8" class="input-float-left" id="check_7"><label for="check_7" class="label-longer">&nbsp;Need Sound</label> 
     <br>
     </div>
    <div class="rightsection">
    <INPUT TYPE="checkbox" NAME="r2av9" class="input-float-left" id="check_8"><label for="check_8" class="label-longer">&nbsp;Podium</label> 
     <br>
     <INPUT TYPE="checkbox" NAME="r2av10" class="input-float-left" id="check_9"><label for="check_9" class="label-longer">&nbsp;Podium Microphone</label> 
      <br>
     <INPUT TYPE="checkbox" NAME="r2av11" class="input-float-left" id="check_10"><label for="check_10" class="label-longer">&nbsp;Bringing own Laptop</label> 
     <br>
     <INPUT TYPE="checkbox" NAME="r2av12" class="input-float-left" id="check_11"><label for="check_11" class="label-longer">&nbsp;Projector</label> 
      <br>
     <INPUT TYPE="checkbox" NAME="r2av13" class="input-float-left" id="check_12"><label for="check_12" class="label-longer">&nbsp;Mac</label> 
     <br>
     <INPUT TYPE="checkbox" NAME="r2av14" class="input-float-left" id="check_13"><label for="check_13" class="label-longer">&nbsp;Other</label>
     <TEXTAREA COLS="60" ROWS="4" type="text" name="av-other2" id="av-other2"  maxlength="80" size="25" class="input"></TEXTAREA> 
    </div>
    </fieldset>
    </div>
    </div>
</div>

<br clear="all">
<div class="grps" id="grp3">
<div class="grps leftsection-grey " id="grp3"><input type="checkbox" name="room3" class="input-float-left main1"><label for="room3" class="h1-rooms"> Room 3 </label></div>
<br> 

<div class="theRequestedExtras">

     <div class="room3">
    <input type="radio" name="r3" value="r3sc" id="classroom3" ><br> 
     <span><label class="label-center" for="classroom3">Setup: Classroom Style</label> 
     <img src="images/classroom.jpg" alt="classroom"><br>
     Max Occupancy: 32 people</span>
     </div>

    <div class="room3">
    <input type="radio" name="r3" value="r3st" id="theater3" ><br> 
     <span><label class="label-center" for="theater3">Setup: Theater Style</label> 
     <img src="images/theater.jpg" alt="classroom"><br>
     Occupancy: 50-60 people</span>
     </div>
<br clear="all">
        <h2 class="h2-section"><label for="comments" class="label-longest"><span>Audio / Visual Request</span></label></h2>
<br>

<div class="list" id="list3">
<input type="radio" value="av-yes3" name="av-request3" id="av-yes3" class="yes-3"><label for="av-yes3" class="label-short"><span>Yes</span></label>
<input type="radio" value="av-no3" name="av-request3" id="av-no3" class="no-3"><label for="av-no3" class="label-short"><span>No</span></label>
<br>
<br>

<fieldset id="submit3">
<legend>Select one or more options below:</legend>
<div class="leftsection-med">
<INPUT TYPE="checkbox" NAME="r3av1" class="input-float-left" id="check_1"><label for="check_1" class="label-longer">&nbsp;Number of Head Tables</label>   
 <br>
 <INPUT TYPE="checkbox" NAME="r3av2" class="input-float-left" id="check_14"><label for="check_14" class="label-longer">&nbsp;Number of Panelists</label>  
 <br>
<INPUT TYPE="checkbox" NAME="r3av3" class="input-float-left" id="check_2"><label for="check_2" class="label-longer">&nbsp;Microphones</label>  
<br>
 <INPUT TYPE="checkbox" NAME="r3av4" class="input-float-left" id="check_3"><label for="check_3" class="label-longer">&nbsp;Audience Microphones</label> 
 <br>
 <INPUT TYPE="checkbox" NAME="r3av5" class="input-float-left" id="check_4"><label for="check_4" class="label-longer">&nbsp;Internet Access</label>   
 <br>
<INPUT TYPE="checkbox" NAME="r3av6" class="input-float-left" id="check_5"><label for="check_5" class="label-longer">&nbsp;PowerPoint</label>  
<br>
 <INPUT TYPE="checkbox" NAME="r3av7" class="input-float-left" id="check_6"><label for="check_6" class="label-longer">&nbsp;PC</label> 
 <br>
 <INPUT TYPE="checkbox" NAME="r3av8" class="input-float-left" id="check_7"><label for="check_7" class="label-longer">&nbsp;Need Sound</label> 
 <br>
 </div>   
<div class="rightsection">
<INPUT TYPE="checkbox" NAME="r3av9" class="input-float-left" id="check_8"><label for="check_8" class="label-longer">&nbsp;Podium</label> 
 <br>
 <INPUT TYPE="checkbox" NAME="r3av10" class="input-float-left" id="check_9"><label for="check_9" class="label-longer">&nbsp;Podium Microphone</label> 
  <br>
 <INPUT TYPE="checkbox" NAME="r3av11" class="input-float-left" id="check_10"><label for="check_10" class="label-longer">&nbsp;Bringing own Laptop</label> 
 <br>
 <INPUT TYPE="checkbox" NAME="r3av12" class="input-float-left" id="check_11"><label for="check_11" class="label-longer">&nbsp;Projector</label> 
  <br>
 <INPUT TYPE="checkbox" NAME="r3av13" class="input-float-left" id="check_12"><label for="check_12" class="label-longer">&nbsp;Mac</label> 
 <br>
 <INPUT TYPE="checkbox" NAME="r3av14" class="input-float-left" id="check_13"><label for="check_13" class="label-longer">&nbsp;Other</label>
 <TEXTAREA COLS="60" ROWS="4" type="text" name="av-other3" id="av-other3"  maxlength="80" size="25" class="input"></TEXTAREA> 
</div>
</fieldset>
</div>
</div>
</div>
<br clear="all">
<div class="grps" id="grp4">
<div class="grps leftsection-grey " id="grp4"><input type="checkbox" name="room4" class="input-float-left main1"><label for="room4" class="h1-rooms"> Room 4</label></div>
<br> 

<div class="theRequestedExtras">

    <div class="room4">
    <span><label class="label-center">Setup: Board Conference Room Only</label>
     <img src="images/conference-room.jpg" alt="classroom"><br>
     Max Occupancy: 12 people</span>
    </div>
 <br clear="all">   
        <h2 class="h2-section"><label for="comments" class="label-longest"><span>Audio / Visual Request</span></label></h2>
<br>

<div class="list" id="list4">
<input type="radio" value="av-yes4" name="av-request4" id="av-yes4" class="yes-4"><label for="av-yes4" class="label-short"><span>Yes</span></label>
<input type="radio" value="av-no4" name="av-request4" id="av-no4" class="no-4"><label for="av-no4" class="label-short"><span>No</span></label>

<br>
<br>

<fieldset id="submit4">
<legend>Select one or more options below:</legend>
<div class="leftsection-med">
<INPUT TYPE="checkbox" NAME="r4av1" class="input-float-left" id="check_1"><label for="check_1" class="label-longer">&nbsp;Number of Head Tables</label>   
 <br>
 <INPUT TYPE="checkbox" NAME="r4av2" class="input-float-left" id="check_14"><label for="check_14" class="label-longer">&nbsp;Number of Panelists</label>  
 <br>
<INPUT TYPE="checkbox" NAME="r4av3" class="input-float-left" id="check_2"><label for="check_2" class="label-longer">&nbsp;Microphones</label>  
<br>
 <INPUT TYPE="checkbox" NAME="r4av4" class="input-float-left" id="check_3"><label for="check_3" class="label-longer">&nbsp;Audience Microphones</label> 
 <br>
 <INPUT TYPE="checkbox" NAME="r4av5" class="input-float-left" id="check_4"><label for="check_4" class="label-longer">&nbsp;Internet Access</label>   
 <br>
<INPUT TYPE="checkbox" NAME="r4av6" class="input-float-left" id="check_5"><label for="check_5" class="label-longer">&nbsp;PowerPoint</label>  
<br>
 <INPUT TYPE="checkbox" NAME="r4av7" class="input-float-left" id="check_6"><label for="check_6" class="label-longer">&nbsp;PC</label> 
 <br>
 <INPUT TYPE="checkbox" NAME="r4av8" class="input-float-left" id="check_7"><label for="check_7" class="label-longer">&nbsp;Need Sound</label> 
 <br>
 </div>

<div class="rightsection">
<INPUT TYPE="checkbox" NAME="r4av9" class="input-float-left" id="check_8"><label for="check_8" class="label-longer">&nbsp;Podium</label> 
 <br>
 <INPUT TYPE="checkbox" NAME="r4av10" class="input-float-left" id="check_9"><label for="check_9" class="label-longer">&nbsp;Podium Microphone</label> 
  <br>
 <INPUT TYPE="checkbox" NAME="r4av11" class="input-float-left" id="check_10"><label for="check_10" class="label-longer">&nbsp;Bringing own Laptop</label> 
 <br>
 <INPUT TYPE="checkbox" NAME="r4av12" class="input-float-left" id="check_11"><label for="check_11" class="label-longer">&nbsp;Projector</label> 
  <br>
 <INPUT TYPE="checkbox" NAME="r4av13" class="input-float-left" id="check_12"><label for="check_12" class="label-longer">&nbsp;Mac</label> 
 <br>
 <INPUT TYPE="checkbox" NAME="r4av14" class="input-float-left" id="check_13"><label for="check_13" class="label-longer">&nbsp;Other</label>
 <TEXTAREA COLS="60" ROWS="4" type="text" name="av-other4" id="av-other4"  maxlength="80" size="25" class="input"></TEXTAREA> 
</div>
</fieldset>
</div>

</div>

</div>

<br clear="all">
<div class="grps" id="grp5">
<div class="grps leftsection-grey " id="grp5"><input type="checkbox" name="room5" class="input-float-left main1"><label for="room5"  class="h1-rooms"> Half Moon</label></div>
<br> 

<div class="theRequestedExtras">

    <div class="room5">
    <input type="radio" name="r5" value="r5sc" id="classroom5"> <br> 
    <span><label class="label-center" for="classroom5">Setup: Classroom</label>
    <img src="images/classroom.jpg" alt="classroom"><br>
     Max Occupancy: 18 people</span>
    </div>

    <div class="room5">
    <input type="radio" name="r5" value="r5su" id="ushape5"><br> 
    <span><label class="label-center" for="ushape5">Setup: U Shape</label>
    <img src="images/u-shape.jpg" alt="classroom"><br>
     Max Occupancy: 10 people</span>
     </div>

    <div class="room5">
    <input type="radio" name="r5" value="r5st" id="theater5"><br>  
    <span><label class="label-center" for="theater5">Setup: Theater Style</label>
    <img src="images/theater.jpg" alt="classroom"><br>
     Max Occupancy: 10 people</span>
     </div>
<br clear="all"> 
        <h2 class="h2-section"><label for="comments" class="label-longest"><span>Audio / Visual Request</span></label></h2>
<br>

<div class="list" id="list5">
<input type="radio" value="av-yes5" name="av-request5" id="av-yes5" class="yes-5"><label for="av-yes5" class="label-short"><span>Yes</span></label>
<input type="radio" value="av-no5" name="av-request5" id="av-no5" class="no-5"><label for="av-no5" class="label-short"><span>No</span></label>

<br>
<br>

<fieldset id="submit5">
<legend>Select one or more options below:</legend>
<div class="leftsection-med">
<INPUT TYPE="checkbox" NAME="r5av1" class="input-float-left" id="check_1"><label for="check_1" class="label-longer">&nbsp;Number of Head Tables</label>   
 <br>
 <INPUT TYPE="checkbox" NAME="r5av2" class="input-float-left" id="check_14"><label for="check_14" class="label-longer">&nbsp;Number of Panelists</label>  
 <br>
<INPUT TYPE="checkbox" NAME="r5av3" class="input-float-left" id="check_2"><label for="check_2" class="label-longer">&nbsp;Microphones</label>  
<br>
 <INPUT TYPE="checkbox" NAME="r5av4" class="input-float-left" id="check_3"><label for="check_3" class="label-longer">&nbsp;Audience Microphones</label> 
 <br>
 <INPUT TYPE="checkbox" NAME="r5av5" class="input-float-left" id="check_4"><label for="check_4" class="label-longer">&nbsp;Internet Access</label>   
 <br>
<INPUT TYPE="checkbox" NAME="r5av6" class="input-float-left" id="check_5"><label for="check_5" class="label-longer">&nbsp;PowerPoint</label>  
<br>
 <INPUT TYPE="checkbox" NAME="r5av7" class="input-float-left" id="check_6"><label for="check_6" class="label-longer">&nbsp;PC</label> 
 <br>
 <INPUT TYPE="checkbox" NAME="r5av8" class="input-float-left" id="check_7"><label for="check_7" class="label-longer">&nbsp;Need Sound</label> 
 <br>
 </div>

<div class="rightsection">
<INPUT TYPE="checkbox" NAME="r5av9" class="input-float-left" id="check_8"><label for="check_8" class="label-longer">&nbsp;Podium</label> 
 <br>
 <INPUT TYPE="checkbox" NAME="r5av10" class="input-float-left" id="check_9"><label for="check_9" class="label-longer">&nbsp;Podium Microphone</label> 
  <br>
 <INPUT TYPE="checkbox" NAME="r5av11" class="input-float-left" id="check_10"><label for="check_10" class="label-longer">&nbsp;Bringing own Laptop</label> 
 <br>
 <INPUT TYPE="checkbox" NAME="r5av12" class="input-float-left" id="check_11"><label for="check_11" class="label-longer">&nbsp;Projector</label> 
  <br>
 <INPUT TYPE="checkbox" NAME="r5av13" class="input-float-left" id="check_12"><label for="check_12" class="label-longer">&nbsp;Mac</label> 
 <br>
 <INPUT TYPE="checkbox" NAME="r5av14" class="input-float-left" id="check_13"><label for="check_13" class="label-longer">&nbsp;Other</label>
 <TEXTAREA COLS="60" ROWS="4" type="text" name="av-other5" id="av-other5"  maxlength="80" size="25" class="input"></TEXTAREA> 
</div>
</fieldset>
</div>

</div>

</div>

<br clear="all">
<div class="grps" id="grp6">
<div class="grps leftsection-grey " id="grp6"><input type="checkbox" name="room6" class="input-float-left main1"><label for="room6" class="h1-rooms"> Open Area</label> </div>
<br>

<div class="theRequestedExtras">

    <div class="room6">
    <input type="radio" name="r6" value="r6sb" id="bcr6"><br>  
    <span><label class="label-center" for="bcr6">Setup: Board Conference Room</label>
     <img src="images/conference-room.jpg" alt="classroom"><br>
     Max Occupancy: 36 people</span>
    </div>

    <div class="room6">
    <input type="radio" name="r6" value="r6sbr" id="br6"><br> 
     <span><label class="label-center" for="br6">Setup: Banquet Rounds</label> 
     <img src="images/banquet.jpg" alt="classroom"><br>
     Max Occupancy: 70 people</span>
    </div>

    <div class="room6">
    <input type="radio" name="r6" value="r6sc" id="classroom6"><br>  
    <span><label class="label-center" for="classroom6">Setup: Classroom</label> 
    <img src="images/classroom.jpg" alt="classroom"><br>
     Max Occupancy: 60 people</span>
    </div>
<br clear="all">
 <h2 class="h2-section"><label for="comments" class="label-longest"><span>Audio / Visual Request</span></label></h2>
<br>   

<div class="list" id="list6">

<input type="radio" value="av-yes6" name="av-request6" id="av-yes6" class="yes-6"><label for="av-yes6" class="label-short"><span>Yes</span></label>
<input type="radio" value="av-no6" name="av-request6" id="av-no6" class="no-6"><label for="av-no6" class="label-short"><span>No</span></label>

<br>
<br>

<fieldset id="submit6">
<legend>Select one or more options below:</legend>
<div class="leftsection-med">
<INPUT TYPE="checkbox" NAME="r6av1" class="input-float-left" id="check_1"><label for="check_1" class="label-longer">&nbsp;Number of Head Tables</label>   
 <br>
 <INPUT TYPE="checkbox" NAME="r6av2" class="input-float-left" id="check_14"><label for="check_14" class="label-longer">&nbsp;Number of Panelists</label>  
 <br>
<INPUT TYPE="checkbox" NAME="r6av3" class="input-float-left" id="check_2"><label for="check_2" class="label-longer">&nbsp;Microphones</label>  
<br>
 <INPUT TYPE="checkbox" NAME="r6av4" class="input-float-left" id="check_3"><label for="check_3" class="label-longer">&nbsp;Audience Microphones</label> 
 <br>
 <INPUT TYPE="checkbox" NAME="r6av5" class="input-float-left" id="check_4"><label for="check_4" class="label-longer">&nbsp;Internet Access</label>   
 <br>
<INPUT TYPE="checkbox" NAME="r6av6" class="input-float-left" id="check_5"><label for="check_5" class="label-longer">&nbsp;PowerPoint</label>  
<br>
 <INPUT TYPE="checkbox" NAME="r6av7" class="input-float-left" id="check_6"><label for="check_6" class="label-longer">&nbsp;PC</label> 
 <br>
 <INPUT TYPE="checkbox" NAME="r6av8" class="input-float-left" id="check_7"><label for="check_7" class="label-longer">&nbsp;Need Sound</label> 
 <br>
 </div>



<div class="rightsection">
<INPUT TYPE="checkbox" NAME="r6av9" class="input-float-left" id="check_8"><label for="check_8" class="label-longer">&nbsp;Podium</label> 
 <br>
 <INPUT TYPE="checkbox" NAME="r6av10" class="input-float-left" id="check_9"><label for="check_9" class="label-longer">&nbsp;Podium Microphone</label> 
  <br>
 <INPUT TYPE="checkbox" NAME="r6av11" class="input-float-left" id="check_10"><label for="check_10" class="label-longer">&nbsp;Bringing own Laptop</label> 
 <br>
 <INPUT TYPE="checkbox" NAME="r6av12" class="input-float-left" id="check_11"><label for="check_11" class="label-longer">&nbsp;Projector</label> 
  <br>
 <INPUT TYPE="checkbox" NAME="r6av13" class="input-float-left" id="check_12"><label for="check_12" class="label-longer">&nbsp;Mac</label> 
 <br>
 <INPUT TYPE="checkbox" NAME="r6av14" class="input-float-left" id="check_13"><label for="check_13" class="label-longer">&nbsp;Other</label>
 <TEXTAREA COLS="60" ROWS="4" type="text" name="av-other6" id="av-other6"  maxlength="80" size="25" class="input"></TEXTAREA> 
</div>
</fieldset>
</div>

</div>

</div>
<br clear="all">

</fieldset>




Aucun commentaire:

Enregistrer un commentaire