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

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

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

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

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

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

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

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

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

...хотя наверное оставлю свой вариант как более короткий
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
19.06.2017, 20:14
    #39474429
ShSerge
ShSerge
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
JQuery выбор radio в строке таблицы
Код: 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, 21:12
    #39474453
вадя
вадя
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
JQuery выбор radio в строке таблицы
wolverinkrvsa,
Малыхин Сергей,
ShSerge,
вадя,

Ай да молодцы, ай да Петросяны
не понравилось решение или не дошло как поправить?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
19.06.2017, 21:19
    #39474457
вадя
вадя
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
JQuery выбор radio в строке таблицы
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
| Ответить | Цитировать | Написать  
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / JQuery выбор radio в строке таблицы / 24 сообщений из 24, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


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