zoukankan      html  css  js  c++  java
  • checkbox控制text是否可以填写和radio是否可选

    代码:

    <!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" >&nbsp;<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>&nbsp;<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>
  • 相关阅读:
    【C#进阶】override new virtual
    【小窍门】cmd控制台无法输入中文(日文),输出非英文字符都是问号解决办法,中文都是问号解决办法
    【C#进阶】多播委托和委托数组像是一回事~
    【C# 基础应用】我的第一个App,不容易——随机生成小人网站,asp.net core
    【Xpath学习】xpath都不会,说什么你做网站自动化测试的?
    【Python + Selenium】Mock Testing 是啥?一个so上的高票答案。
    【Python】 Subprocess module
    【selenium 3】 Mac 下测试环境搭建 Firefox 47+ gecko driver Mac
    关于boost 的smart_ptr 的使用问题
    UI自动化测试的那些事
  • 原文地址:https://www.cnblogs.com/raitorei/p/9877813.html
Copyright © 2011-2022 走看看