Эмуляция нажатия на radiobutton
Добрый день всем!
У меня такая проблема: нужно при клике на строку таблицы (tr) эмулировать нажатие на radio. Не просто ставить checked, а именно нужно событие click. <table> <tr> <td><input type="radio" name="radio" /></td> <td>Тут какая то информация</td> <td>Тут какая то информация</td> </tr> <tr> <td><input type="radio" name="radio" /></td> <td>Тут какая то информация</td> <td>Тут какая то информация</td> </tr> <tr> <td><input type="radio" name="radio" /></td> <td>Тут какая то информация</td> <td>Тут какая то информация</td> </tr> </table> Мой код вызывает крах браузера ))
$('table tr').bind({
click: function() {
$(this).find(':radio').click();
}
});
|
Цитата:
http://javascript.ru/tutorial/events...obekt-sobytiya Как вариант...
<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<!--
<link rel="stylesheet" type="text/css" href="tmp.css" />
-->
<style type="text/css">
</style>
<script type="text/javascript">
$(document).ready(function() {
$('table tr input:radio').click(function(event) {
event = event || window.event;
event.stopPropagation ? event.stopPropagation() : (event.cancelBubble=true);
alert('Ok');
});
$('table tr').bind({
click: function() {
$(this).find(':radio').click();
}
});
});
</script>
</head>
<body>
<table>
<tr>
<td><input type="radio" name="radio" /></td>
<td>Тут какая то информация</td>
<td>Тут какая то информация</td>
</tr>
<tr>
<td><input type="radio" name="radio" /></td>
<td>Тут какая то информация</td>
<td>Тут какая то информация</td>
</tr>
<tr>
<td><input type="radio" name="radio" /></td>
<td>Тут какая то информация</td>
<td>Тут какая то информация</td>
</tr>
</table>
</body>
</html>
|
Спасибо, большое, то что нужно...
|
| Часовой пояс GMT +3, время: 21:28. |