JQuery Find Table в таблице и выбранный переключатель - PullRequest
2 голосов
/ 12 октября 2011

Таблица (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 Ответ

2 голосов
/ 12 октября 2011
$('#tbl_outside table.tbl_Inside input:radio:checked').each(function () {
  alert(this.value);
});
...