JQuery在表中查找表并选择单选按钮

时间:2011-10-12 16:55:03

标签: jquery radio-button find html-table

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

这是我到目前为止所做的,但我似乎找不到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>

1 个答案:

答案 0 :(得分:2)

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