Сброс радиогруппы в таблице, которая находится в - PullRequest
Новая
       28

Сброс радиогруппы в таблице, которая находится в

1 голос
/ 06 ноября 2011

Я могу сбросить все переключатели во многих строках с помощью следующего jQuery. 

$( ".reset_location" ).click(function() {
    $('#tbl_outside table.tbl_Inside input:radio').each(function(){
            $(this).attr("checked", false);
    });
    $('#tbl_outside table.tbl_Inside input:radio').effect("pulsate");
});

Что мне нужно сделать, это если пользователь щелкнет на reset_location radio (class=reset_location), а затем установит для attr значение false для радиомодулей в tbl_Inside в этой строке (не во всех строках).

Надеюсь, вы можете помочь? 

<table id="tbl_outside">
<thead>
<tr>
    <td> Location </td>
</tr>
</thead>
<tbody>
    <tr id="1194">
    <td>
          <input type="radio" value="reset" class="reset_location"/>
    </td>
    <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>
          <input type="radio" value="reset" class="reset_location"/>
    </td>
    <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 голосов
/ 06 ноября 2011

Поиск родительского элемента <tr> и выбор всех элементов input[type="radio"].Если вы не используете старую версию jQuery, вы должны использовать .prop() вместо .attr() для установки свойства. 

$( ".reset_location" ).click(function() {
    $(this).parents('tr:first').find(':radio')
        .prop("checked", false)
        .effect("pulsate");
});
...