1. 程式人生 > >easyUI單選框實現,動態改變checked值;easyUI禁用啟用輸入框

easyUI單選框實現,動態改變checked值;easyUI禁用啟用輸入框

				<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');
				}
			}