layui radio单选框点击事件控制DIV内容的显示与隐藏

根据单选框的选择内容来显示或隐藏相关的div.
效果图：


html代码

<div class="layui-form-item" pane>
	<div class="layui-inline">
		<label class="layui-form-label">箱號</label>
		<div class="layui-input-block">
			<input type="radio" name="boxNume"  lay-filter="boxNume" value="0" title="全部" checked>
			<input type="radio" name="boxNume"  lay-filter="boxNume" value="1" title="部份箱號">
		</div>
	</div>
</div>
<div class="layui-form-item" id="boxN">
	<div class="layui-inline">
	  <label class="layui-form-label">箱號範圍</label>
	  <div class="layui-input-inline" style="width: 100px;">
		<input type="number" name="boxNume_s" id="boxNume_s" placeholder="" autocomplete="off" class="layui-input" min="0" step="1" lay-affix="number">
	  </div>
	  <div class="layui-form-mid">--</div>
	  <div class="layui-input-inline" style="width: 100px;">
		<input type="number" name="boxNume_e" id="boxNume_e" placeholder="" autocomplete="off" class="layui-input" min="0" step="1" lay-affix="number">
	  </div>
	</div>
</div>

JS代码

$('#boxN').hide();
form.on('radio(boxNume)',function(data){
	if(data.value=='0'){
		$('#boxN').hide();
	}else{
		$('#boxN').show();
	}
});