ReSQL.ru
     
powered by simpleCommunicator - 2.0.59     © 2025 Programmizd 02
Мобильная версия    Контакт    Правила    FAQ    Помощь
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / JQuery выбор radio в строке таблицы
24 сообщений из 24, страница 1 из 1
JQuery выбор radio в строке таблицы
    #39472833
Фотография wolverin
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
wolverin
Участник
подскажите пожалуйста как можно максимально кратно в JQuery помечать input radio в строке таблицы, которую выбрали мышкой по любой из ячеек
событие на table onclick повесил, но как найти этот input в строке!?
кучу примеров уже пересмотрел толком ничего не работает (
...
Рейтинг: 0 / 0
16.06.2017, 08:59
| Ответить | Цитировать | Написать  
JQuery выбор radio в строке таблицы
    #39472879
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
wolverin , я мало чего понял из написанного...
Сделай тестовый пример, выложи его тут и напиши что хочешь на нем получить.
...
Рейтинг: 0 / 0
16.06.2017, 09:59
| Ответить | Цитировать | Написать  
JQuery выбор radio в строке таблицы
    #39472898
Фотография wolverin
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
wolverin
Участник
krvsa,
вроде все просто, типа такого, только радио, выделение его по клику на любую ячейку в строке
...
Рейтинг: 0 / 0
16.06.2017, 10:14
| Ответить | Цитировать | Написать  
JQuery выбор radio в строке таблицы
    #39472901
Фотография wolverin
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
wolverin
Участник
wolverin,

да вешают на tr событие, но можно от table плясать? так ведь читабельней, событие с элемента тоже приходит, как вот теперь от этого элемента найти input в строке таблицы
...
Рейтинг: 0 / 0
16.06.2017, 10:16
| Ответить | Цитировать | Написать  
JQuery выбор radio в строке таблицы
    #39472926
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
wolverin , тестовый хтмл пример кто за тебя делать будет?

События такого рода удобнее вешать на таблицу в целом. Для нахождения "чека" используют выход на "родительскую" строку. Ну, а там первая ячейка и вот он "чек".
...
Рейтинг: 0 / 0
16.06.2017, 10:38
| Ответить | Цитировать | Написать  
JQuery выбор radio в строке таблицы
    #39472927
Фотография wolverin
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
wolverin
Участник
krvsa,

если прям пример нужен то вот нечто подобное, правда как то кривовато работает

Код: javascript
1.
2.
3.
4.
function setSelect(e) {
    var t = e.target || e.srcElement;
    t.parentNode.childNodes[1].firstChild.firstChild.click();
}
...
Рейтинг: 0 / 0
16.06.2017, 10:38
| Ответить | Цитировать | Написать  
JQuery выбор radio в строке таблицы
    #39472928
Фотография wolverin
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
wolverin
Участник
krvsa,

хтмл наипростейший, что его рисовать то, тем более он как у всех динамически рисуется
...
Рейтинг: 0 / 0
16.06.2017, 10:39
| Ответить | Цитировать | Написать  
JQuery выбор radio в строке таблицы
    #39472936
Фотография wolverin
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
wolverin
Участник
wolverin,

т.е. результат я получаю как нужно, но ведь тут зацикливание и несрабатывание происходят
...
Рейтинг: 0 / 0
16.06.2017, 10:45
| Ответить | Цитировать | Написать  
JQuery выбор radio в строке таблицы
    #39472939
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
wolverinхтмл наипростейший, что его рисовать то, тем более он как у всех динамически рисуется
Т.е. ты предлагаешь его сделать мне, дабы потом показать чего с ним делать?
...
Рейтинг: 0 / 0
16.06.2017, 10:46
| Ответить | Цитировать | Написать  
JQuery выбор radio в строке таблицы
    #39472972
Фотография wolverin
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
wolverin
Участник
krvsawolverinхтмл наипростейший, что его рисовать то, тем более он как у всех динамически рисуется
Т.е. ты предлагаешь его сделать мне, дабы потом показать чего с ним делать?
я предлагаю сказать методы какие надо использовать, а уж накрутить их на хтмл я и сам смогу, спасибо.
...
Рейтинг: 0 / 0
16.06.2017, 11:09
| Ответить | Цитировать | Написать  
JQuery выбор radio в строке таблицы
    #39473019
Фотография Малыхин Сергей
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Малыхин Сергей
Участник
Используй метод onclick
...
Рейтинг: 0 / 0
16.06.2017, 11:47
| Ответить | Цитировать | Написать  
JQuery выбор radio в строке таблицы
    #39473091
Фотография wolverin
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
wolverin
Участник
Малыхин СергейИспользуй метод onclick
)))) ОК
...
Рейтинг: 0 / 0
16.06.2017, 13:11
| Ответить | Цитировать | Написать  
JQuery выбор radio в строке таблицы
    #39473097
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
wolverin , а чего ты еще ожидал на свой вопрос?
wolverinсказать методы какие надо использовать

Не раз сталкиваюсь с людьми, которые имеют проблему... Но даже тестовый пример не могут сделать, дабы им показали как ту проблему можно решить.
...
Рейтинг: 0 / 0
16.06.2017, 13:16
| Ответить | Цитировать | Написать  
JQuery выбор radio в строке таблицы
    #39473123
Фотография wolverin
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
wolverin
Участник
krvsa,

ожидал что скажут чем перейти на уровень нужный и как к свойствам обратиться.
тестовый пример тут не причем, задача и так упрощена чтобы элементарные теги рисовать.
...
Рейтинг: 0 / 0
16.06.2017, 13:40
| Ответить | Цитировать | Написать  
JQuery выбор radio в строке таблицы
    #39473163
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
wolverinтестовый пример тут не причем
Ты спец - тебе видней...
...
Рейтинг: 0 / 0
16.06.2017, 14:25
| Ответить | Цитировать | Написать  
JQuery выбор radio в строке таблицы
    #39473385
Фотография Малыхин Сергей
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Малыхин Сергей
Участник
Топикстартер ленив и глуп поэтому предлагаю простой тестовый пример http://jsfiddle.net/9runpv50/1/
...
Рейтинг: 0 / 0
16.06.2017, 18:34
| Ответить | Цитировать | Написать  
JQuery выбор radio в строке таблицы
    #39473390
ShSerge
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
ShSerge
Участник
Малыхин СергейТопикстартер ленив и глуп поэтому предлагаю простой тестовый пример http://jsfiddle.net/9runpv50/1/
У меня примерчик не работает.
2 krvsa, написал бы ты ему уж код. А то у меня клавиатура хреново работает, да и понажжрался таки.
...
Рейтинг: 0 / 0
16.06.2017, 18:42
| Ответить | Цитировать | Написать  
JQuery выбор radio в строке таблицы
    #39473394
вадя
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
вадя
Участник
ShSergeМалыхин СергейТопикстартер ленив и глуп поэтому предлагаю простой тестовый пример http://jsfiddle.net/9runpv50/1/
У меня примерчик не работает.
2 krvsa, написал бы ты ему уж код. А то у меня клавиатура хреново работает, да и понажжрался таки.
зачем код? очень интересное решение и без кода
...
Рейтинг: 0 / 0
16.06.2017, 18:57
| Ответить | Цитировать | Написать  
JQuery выбор radio в строке таблицы
    #39473467
Фотография user89
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
user89
Участник
wolverin,

а может без jQuery? В этом варианте, можно в ячейки вкладывать другие элементы.
Код: html
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.
<!DOCTYPE html>
<html>
<head>
<title>Выделить строку в таблице html при нажатии мыши</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<style>
* {font:12px verdana;}
table {border-collapse:collapse; margin:5px 0;}
td {border:1px solid #ccc; padding:5px;}
tr:hover {background:#E2EEFF;}
p {margin:0; color:#007200;}
div {color:#0048ba;}
</style>
</head>
<body>
<table id="data1">
  <tr> <td><input type="radio" name="r1"> <td>простая ячейка 1 <td>Оперативно-тактическое решение
  <tr> <td><input type="radio" name="r1"> <td>текст в ячейке 2 <td>Выполнение поставленных боевых задач
  <tr> <td><input type="radio" name="r1"> <td> <p>Абзац внутри ячейки</p> <td> Защитить исследовательский центр парения
  <tr> <td><input type="radio" name="r1"> <td> <div>а здесь вложенный DIV</div> <td> Освободить комплекс по добыче воды
</table>

<script>
function getParentTag(node,tag) {//Найти ближайшего родителя по tagName. Здесь мы движемся вверх, пока не встретим родителя, у которого тег = нашему заданному tag
  if (node) {return (node.tagName == tag) ? node : getParentTag(node.parentElement,tag);}
  return null;
}

document.getElementById('data1').addEventListener('click', selectRadio);
function selectRadio(e) {
  var row = getParentTag(e.target,'TR');
  if (!row) {return;}
  row.cells[0].children[0].checked = true;
}
</script>
</body>
</html>
...
Рейтинг: 0 / 0
16.06.2017, 22:30
| Ответить | Цитировать | Написать  
JQuery выбор radio в строке таблицы
    #39473901
Фотография wolverin
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
wolverin
Участник
krvsa,
Малыхин Сергей,
ShSerge,
вадя,

Ай да молодцы, ай да Петросяны
...
Рейтинг: 0 / 0
19.06.2017, 07:48
| Ответить | Цитировать | Написать  
JQuery выбор radio в строке таблицы
    #39473902
Фотография wolverin
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
wolverin
Участник
user89,

да думал через JQuery в одну строку можно )
спасибо попробую

...хотя наверное оставлю свой вариант как более короткий
...
Рейтинг: 0 / 0
19.06.2017, 07:49
| Ответить | Цитировать | Написать  
JQuery выбор radio в строке таблицы
    #39474429
ShSerge
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
ShSerge
Участник
Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
<html>
<body>
<table border="1">
 <tr><td><input type="radio" name="gr1" checked="checked" value="1"></input></td><td>odin1</td></tr>
 <tr><td><input type="radio" name="gr1" value="2"></input></td><td>dva</td></tr>
 <tr><td><input type="radio" name="gr1" value="3"></input></td><td>tri</td></tr>
</table>
</body>
</html>


Да уж... .
...
Рейтинг: 0 / 0
19.06.2017, 20:14
| Ответить | Цитировать | Написать  
JQuery выбор radio в строке таблицы
    #39474453
вадя
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
вадя
Участник
wolverinkrvsa,
Малыхин Сергей,
ShSerge,
вадя,

Ай да молодцы, ай да Петросяны
не понравилось решение или не дошло как поправить?
...
Рейтинг: 0 / 0
19.06.2017, 21:12
| Ответить | Цитировать | Написать  
JQuery выбор radio в строке таблицы
    #39474457
вадя
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
вадя
Участник
ShSerge
Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
<html>
<body>
<table border="1">
 <tr><td><input type="radio" name="gr1" checked="checked" value="1"></input></td><td>odin1</td></tr>
 <tr><td><input type="radio" name="gr1" value="2"></input></td><td>dva</td></tr>
 <tr><td><input type="radio" name="gr1" value="3"></input></td><td>tri</td></tr>
</table>
</body>
</html>



Да уж... .
что за код?
Код: sql
1.
<input type="radio" name="gr1" value="2"></input>


да и у ТС клик должен быть по любой ячейки (то бишь по строке)
...
Рейтинг: 0 / 0
19.06.2017, 21:19
| Ответить | Цитировать | Написать  
24 сообщений из 24, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / JQuery выбор radio в строке таблицы
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение
NoSQL.ru       Новости, Чат       Фотоальбом: Участники, Встречи
Закрыть
start [/forum/topic.php?fid=22&msg=39473902&tid=1444582]:
 0ms
get settings:
 9ms
get forum list:
 15ms
check forum access:
 3ms
check topic access:
 3ms
track hit:
 66ms
get topic data:
 12ms
get forum data:
 2ms
get page messages:
 59ms
get tp. blocked users:
 1ms
others: 15ms
total:  185ms
созд. / загр.: 185ms
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]