js取父节点的兄弟节点的某个子元素怎么写

[maxldwy]

<div class="mui-input-row mui-checkbox mui-left">
					<div id="top">
						<label>
							<div><span>包月套餐A</span> <span>100分钟/月</span></div>
						</label>
						<input name="checkbox" value="99" type="checkbox">
					</div>
					<div id="bottom">
						¥<span>99</span>
						<div class="mui-numbox" data-numbox-min='1' data-numbox-step="1">
							<button class="mui-btn mui-btn-numbox-minus" type="button">-</button>
							<input class="mui-input-numbox" type="number" style="border: 0px !important;">
							<button class="mui-btn mui-btn-numbox-plus" type="button">+</button>
						</div>
					</div>
				</div>

var cbList = document.getElementsByName("checkbox");
				for(var i=0;i<cbList.length;i++){
					cbList[i].addEventListener('click', function() {
						这里当checkbox点击时想渠道父节点(top)的兄弟节点（bottom）的子元素input class="mui-input-numbox"的值
					});
				}

谢谢了，急！！！一直用jquery才发现自己原生js这么弱哈，请教各位大侠了

[天际的海浪]

this.parentNode.nextSibling.nextSibling.getElementsByClassName("mui-input-numbox")[0].value

[cocotsau]

document.querySelectorAll("#top+#bottom .mui-input-numbox")[0].value

[NANU-NANA]

你给该元素加个id不就行了。document.getElementById()

[jio可]

楼上的都可以， 如果只有一个class = 'mui-input-numbox', 可以点击的时候直接取到这个class的dom下标为0,或者直接给一个id直接取; 如果有多个 <div class="mui-input-row mui-checkbox mui-left"> 套餐A,套餐B... </div> 那就只能用取点击的checkbox的父级的同级的子节点class = 'mui-input-numbox'获取了

[maxldwy]

谢谢各位 自己解决了 写法是 this.parentNode.parentNode.querySelector("#bottom").getElementsByTagName("input")[0].value