Показать сообщение отдельно
  #1 (permalink)  
Старый 19.05.2016, 14:30
Новичок на форуме
Отправить личное сообщение для salerius Посмотреть профиль Найти все сообщения от salerius
 
Регистрация: 25.04.2016
Сообщений: 2

не работает nextElementSibling в теге <Table>
Добрый день.
Нужно при нажатии курсором в Input, чтобы все три CheckBoxа которые стоят сразу после Input - очищались.

Делаю так

<table border="1">
<tr>
	<td>
		<input name="placeName" class="my-input-place_0" value="placeValue" onfocus="on(this)">
	</td>
	<td class="tdRow emptyCheckbox">
		<input id="id_op" name="opVod" type="checkbox" class="rfield empty_field_checkbox" align="center" style="width: 26%;"> 
		<input id="id_op" name="opKy" type="checkbox" class="rfield empty_field_checkbox" align="center" style="width: 26%;">
		<input id="id_op" name="opLi" type="checkbox" class="rfield empty_field_checkbox" align="center" style="width: 26%;">
	</td>
</tr>

<tr>
	<td>
		<input name="placeName" class="my-input-place_1" value="placeValue" onfocus="on(this)">
	</td>
	<td class="tdRow emptyCheckbox">
		<input id="id_op" name="opVod" type="checkbox" class="rfield empty_field_checkbox" align="center" style="width: 26%;"> 
		<input id="id_op" name="opKy" type="checkbox" class="rfield empty_field_checkbox" align="center" style="width: 26%;">
		<input id="id_op" name="opLi" type="checkbox" class="rfield empty_field_checkbox" align="center" style="width: 26%;">
	</td>
</tr>
</table>



function on(a) {
var opvo=a.nextElementSibling;
var opki=opvo.nextElementSibling;
var opli=opki.nextElementSibling;

opvo.checked=false;
opki.checked=false;
opli.checked=false;
}


Проблема в том что если я возьму и помещу весь блок хтмл в теги <table> </table> - nextElementSibling перестаёт работать.
В чём проблема?
Заранее спасибо

Последний раз редактировалось salerius, 19.05.2016 в 15:12.
Ответить с цитированием