Программно изменить состояние радиокнопки

@[progeR] · Регистрация: 20.08.2011

Author24 — интернет-сервис помощи студентам

Добрый день.
В строке таблицы есть радиокнопка. Когда нажимаешь на строку, радиокнопка должна перейти в положение checked. Когда нажимаешь на другую строку - соответственно unchecked.
Делал так, но не получается - либо не переключается, либо невозможно отметить:

Javascript

$('#myTable tbody tr').click(function()
            {
                $('#myTable input:checked').removeAttr('checked');
            },
            function()
            {
                $(this).find('input').attr('checked', 'checked');
            });

Что тут не правильно?

Donald28 · 19.06.2013, 23:40

метод "click" поддерживает только одну функцию.

Используй вместо click - toggle

@Forastero · 20.06.2013, 00:05

Donald28, toggle - это ведь функция для работы с анимацией.
toggleAttr пока что не ввели.)

[progeR], для чего такие извращения? Не проще ли будет чекбокс использовать?
Ведь строке с радиокнопкой придется задавать еще и класс, или какой-нибудь дополнительный параметр и проверять, если клик произошел по этой же самой строке - не снимать выделение.

Donald28 · 20.06.2013, 00:09

SoraxWeb, http://jquery.page2page.ru/ Первый вариант использования.

И [progeR] хочет переключать чекбоксы не только по клике по ним, но и при клике по какому-нибудь блоку - в данном случае строке таблицы.

@[progeR] · 20.06.2013, 10:03 **[ТС]**

Сообщение от SoraxWeb

Не проще ли будет чекбокс использовать?

Так если много чекбоксов - то можно их все выделить. А радиокнопку - только одну) Это мне и надо.

Сообщение от SoraxWeb

Ведь строке с радиокнопкой придется задавать еще и класс, или какой-нибудь дополнительный параметр и проверять, если клик произошел по этой же самой строке - не снимать выделение.

Вот, я и спрашиваю - как обычно программно менять ее состояние.

@[progeR] · 11.07.2013, 15:25 **[ТС]**

Поднимаю тему, т.к. вопрос не был тогда решен. Кто знает, как связать строку таблицы и радиокнопку, находящуюся в ней?

@Soldado · 12.07.2013, 10:41

Если правильно понял, то кликом по любой строке отмечаем радиокнопку в этой строке, повторным кликом по той же строке снимаем отмеченность, плюс радиокнопки должны работать стандартно сами по себе

HTML5

<html>
  <head>
    <title>Отмечает/снимаем отмеченность радиокнопки кликом по строке</title>
    
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />    
<script src="http://code.jquery.com/jquery-latest.js"></script>
    
 <script type="text/javascript">
$(document).ready(function(){
//код для обычной работы радиокнопок  
 $('input[type=radio]').click(function(e){
 e.stopPropagation();   
 });
    
 $('#myTable tr').click(function(){
 var thisRadio=$(this).find('input[type=radio]');// выбираем нужную радиокнопку    
    if(thisRadio.is(':checked')){ // если она отмечена
        thisRadio.removeAttr('checked'); //удаляем отмеченность
        }
    else{// если не отмечена
        thisRadio.prop('checked','checked'); // отмечаем
        }
 });
                     
 });/*end  ready*/
 </script><style>
td{cursor:pointer}
</style>
  </head>
  <body style="padding-left:140px;">
    <table border="1" id="myTable">
    <tr>
        <td><input type="radio" name='rb'/></td>
        <td>11111</td>
        <td>11111111111</td>
    </tr>
    <tr>
        <td><input type="radio" name='rb'/></td>
        <td>222222222222</td>
        <td>2222222222222</td>
    </tr>
    <tr>
        <td><input type="radio" name='rb'/></td>
        <td>33333333333333</td>
        <td>333333333333</td>
    </tr>
</table>
    
  </body>
</html>

@[progeR] · 12.07.2013, 15:34 **[ТС]**

Гениально...
А я мучился с этим кодом. По логике-то вроде должен работать, а он нет, криво работал.

Javascript

$('#shippingMethods tbody tr input').removeAttr('checked');
$('#shippingMethods tbody .shippingMethodSelection').removeClass('shippingMethodSelection');
$(this).addClass('shippingMethodSelection');
$(this).find('input').attr('checked', 'checked');
$('#selectedShippingMethod').text($(this).find('td:eq(1)').text());
$('#selectedShippingMethodCost').text($(this).find('td:eq(3)').text());

Все дело происходит в методе click().

Donald28 странник 810 / 481 / 108 Регистрация: 28.05.2012 Сообщений: 1,518 Записей в блоге: 2
	19.06.2013, 23:40	2
	метод "click" поддерживает только одну функцию. Используй вместо click - toggle 0

@Forastero 562 / 339 / 87 Регистрация: 15.05.2013 Сообщений: 812 Записей в блоге: 1
	20.06.2013, 00:05	3
	Donald28, toggle - это ведь функция для работы с анимацией. toggleAttr пока что не ввели.) [progeR], для чего такие извращения? Не проще ли будет чекбокс использовать? Ведь строке с радиокнопкой придется задавать еще и класс, или какой-нибудь дополнительный параметр и проверять, если клик произошел по этой же самой строке - не снимать выделение. 0

Donald28 странник 810 / 481 / 108 Регистрация: 28.05.2012 Сообщений: 1,518 Записей в блоге: 2
	20.06.2013, 00:09	4
	SoraxWeb, http://jquery.page2page.ru/ Первый вариант использования. И [progeR] хочет переключать чекбоксы не только по клике по ним, но и при клике по какому-нибудь блоку - в данном случае строке таблицы. 0

@[progeR] 30 / 8 / 2 Регистрация: 20.08.2011 Сообщений: 615
	20.06.2013, 10:03 [ТС]	5
	Сообщение от SoraxWeb Не проще ли будет чекбокс использовать? Так если много чекбоксов - то можно их все выделить. А радиокнопку - только одну) Это мне и надо. Сообщение от SoraxWeb Ведь строке с радиокнопкой придется задавать еще и класс, или какой-нибудь дополнительный параметр и проверять, если клик произошел по этой же самой строке - не снимать выделение. Вот, я и спрашиваю - как обычно программно менять ее состояние. 0

@[progeR] 30 / 8 / 2 Регистрация: 20.08.2011 Сообщений: 615
	11.07.2013, 15:25 [ТС]	6
	Поднимаю тему, т.к. вопрос не был тогда решен. Кто знает, как связать строку таблицы и радиокнопку, находящуюся в ней? 0

	12.07.2013, 15:34