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" > <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="width:300px;height:100px" data-options="prompt:'多个邮件用英文逗号隔开',multiline:true"></input></td>
</tr>
</table>
<button onclick="reset()">点我还原</button>
</body>
</html>
checkbox控制text是否可以填写和radio是否可选的更多相关文章
- 获取CheckBox的Text值
有在网上看到一个问题,就是尝试去获取Checkbox的值.技术难度并不高,不过有时间,还是做做练习.创建一个网页: 写click事件,在CheckBox被选取时,才去获取CheckBox的Text的值 ...
- 简简单单，jquery中，使用checkbox控制div的显示与隐藏
今天开发代码时,发现好久不用jquery就生疏了. 所以作这个记录, 使用checkbox控制div的显示与隐藏. 一,html代码处: <input type="checkbox&q ...
- playwright-python 处理Text input、Checkboxs 和 radio buttons（三）
Text input 输入框输入元素,直接用fill方法即可,支持 <input>,<textarea>, [contenteditable] 和<label>这些 ...
- checkbox控制显示隐藏
显示文本框<input type = "checkbox" id="checkbox" onclick="on_hide();"/&g ...
- jquery杂记之checkbox控制select置灰
jquery: $(function(){ $("#avg_day_live").bind("click",function(){ //点击 if($(&q ...
- pyautogui控制鼠标键盘自动填写数据
import os import pyautogui import time, os import pyperclip # 复制 pyautogui.FAILSAFE = False class Au ...
- jquery对同级的td做radio限制
<html> <head> <title></title> <script src="http://libs.baidu.com/jqu ...
- jQuery radio取值，checkbox取值，select取值
语法解释: $("#select_id").change(function(){//code...}); //为Select添加事件,当选择其中一项时触发 var checkTex ...
- 使用val()另一个妙用------选中select/checkbox/radio的值
一直认为val()方法只有两个功能:1.能设置元素的值,2.获取元素的值.知道val()方法还有另外一个妙用,就是它能使select(下拉列表框).checkbox(多选框)和radio(单选框)相应 ...
随机推荐
- open read split
open 来打开文件, 其具体表现为 open('文件名或路径', 'r or w or other', 位置?) 其生成一个文件类型的对象 file object. 可写做 FILENAME = ...
- 好玩的Raft动画演示，原理秒懂
关于Raft原理,许多朋友也许不是很明白原理,下面的地址是一个好玩的Raft动画,看完后能够很快的掌握Raft原理: http://thesecretlivesofdata.com/raft/ 动画中 ...
- 【转】解决Eclipse中SVN版本信息不显示的问题
eclipse 中使用 svn 插件,原本正常,未作任何更改,最近几天突然eclipse 中查看文件时,文件后面的 版本号 . 文件的状态图标 等等都不见了.以为有插件冲突,卸载了好多其他的相关的插件 ...
- 1005 继续(3n+1)猜想 （25 分）
1005 继续(3n+1)猜想 (25)(25 分) - 过期汽水的博客 - CSDN博客https://blog.csdn.net/qq_40167974/article/details/80739 ...
- Haskell语言学习笔记（92）HXT
HXT The Haskell XML Toolbox (hxt) 是一个解析 XML 的库. $ cabal install hxt Installed hxt-9.3.1.16 Prelude&g ...
- java script删除数组的方法集合（转载）
一.清空数组 var ary = [1,2,3,4]; ary.splice(0,ary.length);//清空数组 console.log(ary); // 输出 [],空数组,即被清空了 二.删 ...
- TLS协议工作过程；如何应用TLS/SSL协议为WEB流量提供安全
SSL/TLS协议的基本过程是这样的: 客户端向服务器端索要并验证公钥. 双方协商生成"对话密钥". 双方采用"对话密钥"进行加密通信. 上面过程的前两 ...
- mysql 的REPLAYCE语句
MySQL数据库insert和update语句引:用于操作数据库的SQL一般分为两种,一种是查询语句,也就是我们所说的SELECT语句,另外一种就是更新语句,也叫做数据操作语句.言外之意,就是对数 ...
- asp.net4.0
asp.net4.0安装路径:C:\Windows\Microsoft.NET\Framework\v4.0.30319\aspnet_regiis.exe -i
- js高级-原型链
JavaScript是基于原型的面向对象的语言(相当于一个基类,父类),而不是像Java通过类模板构造实例,通过原型实现属性函数的复用 函数都有 prototype属性 指向函数的原型对象 只有函数根 ...