代码:
<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>开启/禁止输入</title> <script src="jquery-1.7.1.js"></script> <script type="text/javascript"> function reset() { $("#zt").attr("checked",false); $("#yj").attr("checked",false); $("#sj").attr("checked",false); $("input[type='radio']").removeAttr('checked'); $("#f1").attr("disabled","disabled"); $("#f2").attr("disabled","disabled"); $("#jg").val(""); $("#jg").attr("disabled","disabled"); $("#yx").textbox('setValue',''); $('#yx').textbox('readonly',true); } function fszt() { // if($('#zt').prop("checked")&&$('#yj').prop("checked")){ // $.messager.alert('系统提示', '只能选择一个', 'info'); // $("#zt").attr("checked",false); // return // } // if($('#zt').prop("checked")&&$('#sj').prop("checked")){ // $.messager.alert('系统提示', '只能选择一个', 'info'); // $("#zt").attr("checked",false); // return // } if($('#zt').prop("checked")){//判断checkbox是否选中 //选中状态 $("#f1").removeAttr("disabled"); $("#f2").removeAttr("disabled"); }else{ //未选中状态 $("#f1").attr("disabled","disabled"); $("#f2").attr("disabled","disabled"); } } function yjjg() { // if($('#yj').prop("checked")&&$('#zt').prop("checked")){ // $.messager.alert('系统提示', '只能选择一个', 'info'); // $("#yj").attr("checked",false); // return // } // if($('#yj').prop("checked")&&$('#sj').prop("checked")){ // $.messager.alert('系统提示', '只能选择一个', 'info'); // $("#yj").attr("checked",false); // return // } if($('#yj').prop("checked")){//判断checkbox是否选中 //选中状态 $("#jg").removeAttr("disabled"); }else{ //未选中状态 $("#jg").attr("disabled","disabled"); } } function sjr() { // if($('#sj').prop("checked")&&$('#zt').prop("checked")){ // $.messager.alert('系统提示', '只能选择一个', 'info'); // $("#sj").attr("checked",false); // return // } // if($('#sj').prop("checked")&&$('#yj').prop("checked")){ // $.messager.alert('系统提示', '只能选择一个', 'info'); // $("#sj").attr("checked",false); // return // } if($('#sj').prop("checked")){//判断checkbox是否选中 //选中状态 $('#yx').textbox('readonly',false); }else{ //未选中状态 $('#yx').textbox('readonly',true); } } </script> </head> <body> <table> <tr> <td style="text-align: right;font-size: 15px" ><input id="zt" type="checkbox" onclick="fszt()">发送状态:</td> <td style="font-size: 15px" ><input disabled="disabled" id="f1" type="radio" name="flag" value="1">开启 <input disabled="disabled" id="f2" type="radio" name="flag" value="0">关闭</td> </tr> <tr> <td style="text-align: right;font-size: 15px" ><input id="yj" type="checkbox" onclick="yjjg()">邮件间隔:</td> <td style="font-size: 15px" > <input disabled="disabled" id="jg" type="text" name="interval">(分)</td> </tr> <tr> <td style="text-align: right;font-size: 15px" ><input id="sj" type="checkbox" onclick="sjr()">收件人:<br>(easyui)</td> <td> <input id="yx" name="sjryx" readonly="readonly" class="easyui-textbox" type="text" style="300px;height:100px" data-options="prompt:'多个邮件用英文逗号隔开',multiline:true"></input></td> </tr> </table> <button onclick="reset()">点我还原</button> </body> </html>