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');
}
}
相关文章推荐
- easyUI的控件动态禁用/启用方法
- EasyUI datagrid 改变url属性 实现动态加载数据
- ExpendableListView 实现多选并且动态改变数据 + 输入框的动态改变数据
- 如何: 在Windows2000中动态禁用/启用Ctrl-Alt-Delete
- Delphi实现WINDOWS“本地连接”的启用和禁用
- 程序实现动态改变IP地址
- 实现可动态改变宽度的表格简单方法
- VC实现光驱、软驱、USB的禁用和启用
- 使用JavaScript实现动态改变控件大小
- 半透明DIV 层链接启用和禁用的功能实现
- 程序实现动态改变IP地址
- (JavaScript)实现在客户端动态改变Treeview节点的选中状态
- 实现Web页面内容动态改变的dhtml操作
- 如何在Windows2000中动态禁用/启用Ctrl-Alt-Delete
- 用VC实现动态改变Windows的显示特性
- 在VC中编程实现按钮的启用(enable)和禁用(disable)
- 用线程实现动态改变图标
- 如何编程实现启用禁用网卡
- 程序实现动态改变IP地址
- 用线程实现动态改变图标