您的位置:首页 > 产品设计 > UI/UE

easyUI单选框实现,动态改变checked值;easyUI禁用启用输入框

2017-06-12 16:39 211 查看
<label >输入最小频段:</label>
<input name="frq" id="freq1" class="easyui-numberbox"  data-options=""/>
<label >至:</label>
<input name="frq" id="freq2" class="easyui-numberbox"  data-options=""/>
<label >最  大  频  段:</label>
<input name="frq" id="freq3" class="easyui-numberbox"  data-options=""/>
<label >至:</label>
<input name="frq" id="freq4" class="easyui-numberbox"  data-options=""/>

<input type="radio" name="searchLevel" value="0" onclick="javascript:changeLevel(this.value)" >第一级</input>
<input type="radio" name="searchLevel" value="1" onclick="javascript:changeLevel(this.value)" >第二级</input>
<input type="radio" name="searchLevel" value="2" onclick="javascript:changeLevel(this.value)" >第三级/input>

下面的js可以直接写在<script>里面,方便看

var changeLevel= function(value) {
$("input[name='searchLevel'][value=0]").attr("checked",false);
$("input[name='searchLevel'][value=1]").attr("checked",false);
$("input[name='searchLevel'][value=2]").attr("checked",false);
$("input[name='searchLevel'][value="+value+"]").attr("checked",true);
if (value==2) {//启用
$("#A4").combobox({disabled: false});
$('#freq1').numberbox('enable');
$('#freq2').numberbox('enable');
$('#freq3').numberbox('enable');
$('#freq4').numberbox('enable');
}else{//禁用
$("#A4").combobox({disabled: true});

$('#freq1').numberbox('disable');
$('#freq2').numberbox('disable');
$('#freq3').numberbox('disable');
$('#freq4').numberbox('disable');
}
}
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: