2011-10-12 214 views
2

表格(tbl_outside)有很多行。在每一行是另一个表(class = tbl_Inside),其中包含一个单选按钮组(如下所示)。我需要为表格中的所有行找到所选无线电的值。JQuery在表格中选择表格并选择单选按钮

这是我迄今为止,但我似乎无法找到tbl_outside每行的嵌套表。希望你能帮助。

$("#tbl_outside > tbody > tr ").each(function() {   
      //find tbl_Inside 
      $(this).find("td: > table[class=tbl_Inside]").each(function() {     
       var TRID = $(this).attr("id"); 
       var theValue = $(this).find("input:radio:checked").val(); 
       alert(theValue); 
      });   


<table id="tbl_outside"> 
    <thead> 
    <tr> 
     <td> Location </td> 
    </tr> 
    </thead> 
    <tbody> 
     <tr id="1194"> 
     <td> 
      <table class="tbl_Inside" id="93cf9d8ba8" > 
      <tbody> 
       <tr> 
        <td></td> 
        <td> 
         <input type="radio" value="h" name="93cf9d8ba8"/> 
        </td> 
        <td></td> 
       </tr> 
       <tr> 
        <td> 
         <input type="radio" value="l" name="93cf9d8ba8"/> 
        </td> 
        <td> 
         <input type="radio" value="c" name="93cf9d8ba8"/> 
        </td> 
        <td> 
         <input type="radio" value="r" name="93cf9d8ba8"/> 
        </td> 
       </tr> 
       <tr> 
        <td></td> 
        <td> 
        <input type="radio" value="f" name="93cf9d8ba8"/> 
        </td> 
        <td></td> 
       </tr> 
       </tbody> 
       </table> 
     </td> 
     </tr> 
     <tr id="1193"> 
     <td> 
      <table class="tbl_Inside" id="123456" > 
      <tbody> 
       <tr> 
        <td></td> 
        <td> 
         <input type="radio" value="h" name="123456"/> 
        </td> 
        <td></td> 
       </tr> 
       <tr> 
        <td> 
         <input type="radio" value="l" name="123456"/> 
        </td> 
        <td> 
         <input type="radio" value="c" name="123456"/> 
        </td> 
        <td> 
         <input type="radio" value="r" name="123456"/> 
        </td> 
       </tr> 
       <tr> 
        <td></td> 
        <td> 
        <input type="radio" value="f" name="123456"/> 
        </td> 
        <td></td> 
       </tr> 
       </tbody> 
       </table> 
     </td> 
     </tr> 
    </tbody> 
    </table> 
+0

你有一个拼写错误这是没有帮助:'tbl_Outside'在你的JS,但'tbl_outside'在你的HTML – Clive

回答

2
$('#tbl_outside table.tbl_Inside input:radio:checked').each(function() { 
    alert(this.value); 
}); 
+0

感谢约翰!这很好,它太简单了!再次感谢! – Rob