代码：

<!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="width:300px;height:100px" data-options="prompt:'多个邮件用英文逗号隔开',multiline:true"></input></td>

    </tr>

</table>

<button onclick="reset()">点我还原</button>

</body>

</html>

checkbox控制text是否可以填写和radio是否可选的更多相关文章

  1. 获取CheckBox的Text值

    有在网上看到一个问题,就是尝试去获取Checkbox的值.技术难度并不高,不过有时间,还是做做练习.创建一个网页: 写click事件,在CheckBox被选取时,才去获取CheckBox的Text的值 ...

  2. 简简单单，jquery中，使用checkbox控制div的显示与隐藏

    今天开发代码时,发现好久不用jquery就生疏了. 所以作这个记录, 使用checkbox控制div的显示与隐藏. 一,html代码处: <input type="checkbox&q ...

  3. playwright-python 处理Text input、Checkboxs 和 radio buttons（三）

    Text input 输入框输入元素,直接用fill方法即可,支持 <input>,<textarea>, [contenteditable] 和<label>这些 ...

  4. checkbox控制显示隐藏

    显示文本框<input type = "checkbox" id="checkbox" onclick="on_hide();"/&g ...

  5. jquery杂记之checkbox控制select置灰

    jquery: $(function(){ $("#avg_day_live").bind("click",function(){   //点击 if($(&q ...

  6. pyautogui控制鼠标键盘自动填写数据

    import os import pyautogui import time, os import pyperclip # 复制 pyautogui.FAILSAFE = False class Au ...

  7. jquery对同级的td做radio限制

    <html> <head> <title></title> <script src="http://libs.baidu.com/jqu ...

  8. jQuery radio取值，checkbox取值，select取值

    语法解释: $("#select_id").change(function(){//code...}); //为Select添加事件,当选择其中一项时触发 var checkTex ...

  9. 使用val()另一个妙用------选中select/checkbox/radio的值

    一直认为val()方法只有两个功能:1.能设置元素的值,2.获取元素的值.知道val()方法还有另外一个妙用,就是它能使select(下拉列表框).checkbox(多选框)和radio(单选框)相应 ...

随机推荐

  1. pycharm添加版本控制

  2. 利用nginx搭建RTMP视频点播、直播、HLS服务器(转)

    开发环境 Ubuntu 14.04 server nginx-1.8.1 nginx-rtmp-module nginx的服务器的搭建 安装nginx的依赖库 sudo apt-get update ...

  3. 数据结构：Stack

    Stack设计与实现 Stack基本概念 栈是一种 特殊的线性表 栈仅能在线性表的一端进行操作 栈顶(Top):允许操作的一端 栈底(Bottom):不允许操作的一端 Stack的常用操作 创建栈 销 ...

  4. 记Dagger2使用过程中的一个BUG--compileGoogleDebugJavaWithJavac

    项目编译可以通过,不过没有生成Dagger2的类,导致无法运行项目.. 错误提示 Error:(14, 41) 错误: 找不到符号 符号: 类 DaggerAppComponent 位置: 程序包 c ...

  5. 修改Http消息的消息头Host

    在 HttpURLConnection 类中直接使用如下代码无法修改Host的值: connection.setRequestProperty("Host", host); 需要在 ...

  6. idea 这样 会快点

    最近使用IDEA来开发JAVA应用,对IDEA的界面很有爱,但是缺受不了它的运行速度.每次运行都要编译,所以就有了这边文章   总感觉IDEA的编译速度比eclipse慢,eclipse每次保存都自动 ...

  7. struts原理图

    n the diagram, an initial request goes to the Servlet container (such as Jetty or Resin) which is pa ...

  8. SVM参数解析

    一.Opencv中的核函数定义(4种): 1.CvSVM::LINEAR : 线性内核,没有任何向映射至高维空间,线性区分(或回归)在原始特点空间中被完成,这是最快的选择. 2.CvSVM::POLY ...

  9. 七个不可错过的React组件库与开发框架

    React是如今最火爆的前端技术,而React最棒的一个特点就是有大量功能丰富的组件库和开发框架可用.从按钮到卷轴到工具条,应有尽有,而且这些组件可以各行其是,也可以组装成复杂的UI,你也可以把UI分 ...

  10. python添加到环境变量

    1.命令 vi ~/.bashrc export PATH="/home/tiany/software/python/python3/3.6.1/bin:$PATH" export ...