Главная Вход в систему Регистрация
Задать вопрос Консультации Пользователи Форум
О системе Помощь
Задать вопрос экспертам
Консультация № 100367
31.08.2007, 16:10
0.00 руб.
0 4 4
Компьютеры Программирование
Здравствуйте уважаемые эксперты.
Мне нужно сделать так чтобы при нажатии мышки в любое место строчки в таблице, включался элемент radio стоящий в первом столбце.

Приложение:
<table><tr><td><input type=radio name=‘id_radio‘ value=‘id‘></td><td>username</td><td>password</td></tr></table>

Обсуждение

Неизвестный
31.08.2007, 16:44
общий
это ответ
<table>
<tr onclick="javascript: document.getElementById(‘id_radio‘).checked = true;">
<td><input type="radio" name="id_radio" id="id_radio" value="id"></td>
<td>username</td>
<td>password</td>
</tr>
</table>
Неизвестный
31.08.2007, 16:59
общий
это ответ
Здравствуйте, Aleks1986!

Можно сделать при клике на текст в одной ячейке (в данном случае на username):
<table>
<tr>
<td><input type=radio name="id_radio" value="id" id="pswd" /></td>
<td><label for="pswd">username</label></td>
<td>password</td>
</tr></table>

Как вариант можно использовать стиль для input с точным размером ячейки:
#pswd{
padding:3px;}
//будет реагировать на клик в область 3*3 пикселя
Хотя это не лучший вариант.

Возможно, делается на JavaScript, но это уже в соответствующий раздел :)
Неизвестный
31.08.2007, 18:38
общий
это ответ
Здравствуйте, Aleks1986!
Для этого нужно в каждую строку добавить тег label с атрибутом for=id_инпута.
В приложении пример.

Приложение:
<table><tr><td><input type=‘radio‘ name=‘id_radio‘ id=‘radio1‘ value=‘id‘></td><td><label for=‘radio1‘>username</label></td><td><label for=‘radio1‘>password</label></td></tr></table>
Неизвестный
31.08.2007, 21:43
общий
это ответ
Здравствуйте, Aleks1986!

Пояснения:
тег <ul> следует использовать для объединения всех "радио"
в одну систему, т.е. при выделении одного - выделение со второго
будет снято. При этом имена всех "радио" одной группы должно
совпадать (в нашем случае это name="myradio").
Идентификаторы id у каждого индивидуальны.
Форма (<form>) должна иметь id и name (обязательно).
В функциях check1() и check2() мы обращаемся к радиокнопке
document - документ
.form1 - id формы
.radio1 - id радиокнопки
.checked=true - отмечена=истино
Спасибо за внимание.

Приложение:
<html><script>function check1(){document.form1.radio1.checked=true}function check2(){document.form1.radio2.checked=true}</script><form id="form1" name="myform"><table><ul><tr onclick=check1()> <td><input type="radio" name="myradio" id="radio1" value=1></td> <td>username 1</td> <td>password 1</td></tr><tr onclick=check2()> <td><input type=radio name="myradio" id="radio2" value=2></td> <td>username 2</td> <td>password 2</td></tr></ul></table></form></html>
Форма ответа