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

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

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

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

JavaScript
1
2
3
4
5
6
7
8
$('#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
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
<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
1
2
3
4
5
6
$('#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().

Новые блоги и статьи Все статьи Все блоги /
PhpStorm 2025.3: WSL Terminal всегда стартует в ~ and_y87 14.12.2025 PhpStorm 2025. 3: WSL Terminal всегда стартует в ~ (home), игнорируя директорию проекта Симптом: После обновления до PhpStorm 2025. 3 встроенный терминал WSL открывается в домашней директории. . .	Как объединить две одинаковые БД Access с разными данными VikBal 11.12.2025 Помогите пожалуйста !! Как объединить 2 одинаковые БД Access с разными данными.	Новый ноутбук volvo 07.12.2025 Всем привет. По скидке в "черную пятницу" взял себе новый ноутбук Lenovo ThinkBook 16 G7 на Амазоне: Ryzen 5 7533HS 64 Gb DDR5 1Tb NVMe 16" Full HD Display Win11 Pro	Музыка, написанная Искусственным Интеллектом volvo 04.12.2025 Всем привет. Некоторое время назад меня заинтересовало, что уже умеет ИИ в плане написания музыки для песен, и, собственно, исполнения этих самых песен. Стихов у нас много, уже вышли 4 книги, еще 3. . .	От async/await к виртуальным потокам в Python IndentationError 23.11.2025 Армин Ронахер поставил под сомнение async/ await. Создатель Flask заявляет: цветные функции - провал, виртуальные потоки - решение. Не threading-динозавры, а новое поколение лёгких потоков. Откат?. . .
Поиск "дружественных имён" СОМ портов Argus19 22.11.2025 Поиск "дружественных имён" СОМ портов На странице: https:/ / norseev. ru/ 2018/ 01/ 04/ comportlist_windows/ нашёл схожую тему. Там приведён код на С++, который показывает только имена СОМ портов, типа,. . .	Сколько Государство потратило денег на меня, обеспечивая инсулином. Programma_Boinc 20.11.2025 Сколько Государство потратило денег на меня, обеспечивая инсулином. Вот решила сделать интересный приблизительный подсчет, сколько государство потратило на меня денег на покупку инсулинов. . . .	Ломающие изменения в C#.NStar Alpha Etyuhibosecyu 20.11.2025 Уже можно не только тестировать, но и пользоваться C#. NStar - писать оконные приложения, содержащие надписи, кнопки, текстовые поля и даже изображения, например, моя игра "Три в ряд" написана на этом. . .	Мысли в слух kumehtar 18.11.2025 Кстати, совсем недавно имел разговор на тему медитаций с людьми. И обнаружил, что они вообще не понимают что такое медитация и зачем она нужна. Самые базовые вещи. Для них это - когда просто люди. . .	Создание Single Page Application на фреймах krapotkin 16.11.2025 Статья исключительно для начинающих. Подходы оригинальностью не блещут. В век Веб все очень привыкли к дизайну Single-Page-Application . Быстренько разберем подход "на фреймах". Мы делаем одну. . .

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

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

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

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