Если верстка, как в предыдущем примере, то все отлично работает.
Но стоит начать заворачивать чекбоксы и поля ввода в таблицы, работать перестает.
<html>
<head>
<meta http-equiv="Content-Type" content="number/html; charset=windows-1251">
<meta http-equiv="Content-Language" content="ru">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<title>Чекбоксы</title>
<script>
$(function(){
var s = $("input:checkbox");
s.click(function() {
this.checked && $(this).nextUntil(s).val(1);
});
});
$(function(){
var s = $("input:checkbox");
s.click(function() {
$(this).nextUntil(s).val(+this.checked);
});
});
</script>
</head>
<body>
<div id="d1">
<table id="td11">
<tr>
<td><input type="checkbox" id="c1" ><td>
</tr>
</table>
<table id="td12">
<tr>
<td><input type="text" id="t1" value="0"></td>
</tr>
<tr>
<td><input type="text" id="t2" value="0"></td>
</tr>
<tr>
<td><input type="text" id="t3" value="0"></td>
</tr>
<tr>
<td><input type="text" id="t4" value="0"></td>
</tr>
</table>
</div>
<div id="d2">
<table id="td21">
<tr>
<td><input type="checkbox" id="c2" ><td>
</tr>
</table>
<table id="td22">
<tr>
<td><input type="text" id="t5" value="0"></td>
</tr>
<tr>
<td><input type="text" id="t6" value="0"></td>
</tr>
</table>
</div>
<div id="d3">
<table id="td31">
<tr>
<td><input type="checkbox" id="c3" ><td>
</tr>
</table>
<table id="td32">
<tr>
<td><input type="text" id="t7" value="0"></td>
</tr>
<tr>
<td><input type="text" id="t8" value="0"></td>
</tr>
</table>
</div>
</body>
</html>
Как исправить?