easyUI單選框實現,動態改變checked值;easyUI禁用啟用輸入框
阿新 • • 發佈:2019-02-17
<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'); } }