jQuery Tests 1

by nickadeemus2002

HTML

<div id="radio_block_wrapper">
    <div id="radio_block"> 
        
      <fieldset>
      <input type="radio" name="radioGroup" value="1">
      <label>1</label>
      </fieldset>
        
      <fieldset>          
      <input type="radio" name="radioGroup" value="2">
      <label>2</label> 
      </fieldset>
        
      <fieldset>      
      <input type="radio" name="radioGroup" value="3">
      <label>3</label> 
      </fieldset>      
          
      <fieldset>          
      <input type="radio" name="radioGroup" value="4">
      <label>4</label> 
      </fieldset>
          
      <fieldset>          
      <input type="radio" name="radioGroup" value="5">
      <label>5</label>         
      </fieldset>
          
     </div>
</div>
<ul id="menu">
    <li><a href="#">Link 1</a></li>
    <li><a href="#">Link 2</a></li>
    <li><a href="#">Link 3</a></li>
    <li><a href="#">Link 4</a></li>
    <li><a href="#">Link 5</a></li>
</ul>

CSS

fieldset{display:block;}
div.dontFillMeIn{display:block;background-color:#ff0000; padding:10px;}

JavaScript

$(document).ready(function(){
    
   $('input[name="radioGroup"]').change(function(){
    var checkedValue = $(this).attr('value');
    alert("you picked the radio button with value: " + checkedValue);    
   });
/*  
    $('div:odd').css('border','3px solid #585858');
*/
    $('ul#menu a:second').css({"color":"red","font-weight":"bold"});
    
});