js页面元素取值问题
页面为: 
  <body>  
              <form   name= "testFomr "   method= "post ">  
                          <table>  
                                <tr>  
                                               <td>  
                                                           <input   type= "chekcBox "   name= "checkBox_0 "   value= "0 "   onclick= "showValue( 'checkBox_0 ') ">  
                                               </td>  
                                </tr>  
                                <tr>  
                                               <td>  
                                                           <input   type= "chekcBox "   name= "checkBox_1 "   value= "1 "   onclick= "showValue( 'checkBox_1) ">  
                                               </td>  
                                </tr>  
                                <tr>  
                                               <td>  
                                                           <input   type= "chekcBox "   name= "checkBox_2 "   value= "2 "   onclick= "showValue( 'checkBox_2) ">  
                                               </td>  
                                </tr>  
                          </table>  
              </form>  
  </body>      
 js函数: 
 function   showValue(itemName){ 
             var   fm   =   document.forms[0]; 
             var   item   =    "fm. "   +   itemName; 
             var   item1   =    "document.forms[0].checkBox_0 "; 
             alert(item.value); 
             alert(item1.value); 
 }     
 问题: 
             js函数alert()的时候总是提示 "undefined ",请问这是咋回事?如果我想依然用这种传元素名称的方式取值,应该怎么做?谢谢!
------解决方案--------------------showValue(this)
------解决方案--------------------function showValue(itemName){ 
     var fm = document.forms[0]; 
     var item = eval( "fm. " + itemName); 
     var item1 = eval( "document.forms[0].checkBox_0 "); 
     alert(item.value); 
     alert(item1.value); 
 }