选中复选框,才能在文本框中输东西。button按钮已启用,
"vc_islimit" IS '是否限制教室:1是,0否';
"i_isprepaer" IS '是否需要预约:1是,0否';
"i_isfee" IS '是否需要收费:1是,0否'; 数据库里的字段
<div class="form-group" >
<input type="hidden" id="vc_islimit" name="vc_islimit" value=" " />
<label class="col-xs-2 col-sm-3 col-md-3 col-lg-3 control-label col-xs-offset-1 col-sm-offset-1 col-md-offset-1 col-lg-offset-1 ">
<input type="checkbox" id="i_limit_chk" name="i_limit_chk" class="form-control" value="1" maxlength="80"/> 限制教室</label>
<div class="col-xs-8 col-sm-7 col-md-7 col-lg-7">
<select id="vc_classroom" name="vc_classroom" class="form-control" disabled="true"></select>
</div>
</div>
<div class="form-group" >
<input type="hidden" id="i_isprepaer" name="i_isprepaer" value=" " />
<label class="col-xs-2 col-sm-3 col-md-3 col-lg-3 control-label col-xs-offset-1 col-sm-offset-1 col-md-offset-1 col-lg-offset-1">
<input type="checkbox" id="i_isprepaer_chk" name="i_isprepaer_chk" class="form-control" value="1" maxlength="80"/> 需要预约</label>
<div class="col-xs-8 col-sm-7 col-md-7 col-lg-7">
<label class=" control-label ">
预约时间:</label>
</div>
</div>
<div class="form-group" >
<label class="col-xs-2 col-sm-3 col-md-3 col-lg-3 control-label col-xs-offset-1 col-sm-offset-1 col-md-offset-1 col-lg-offset-1">
最大提前预约时间(小时)</label>
<div class="col-xs-8 col-sm-7 col-md-7 col-lg-7">
<input type="text" class="form-control" id="f_allowbeginbook" name="f_allowbeginbook" value="" maxlength="80" readonly/>
</div>
</div>
<div class="form-group" >
<label class="col-xs-2 col-sm-3 col-md-3 col-lg-3 control-label col-xs-offset-1 col-sm-offset-1 col-md-offset-1 col-lg-offset-1">
最小提前预约时间(小时)</label>
<div class="col-xs-8 col-sm-7 col-md-7 col-lg-7">
<input type="text" class="form-control" id="f_allowbook" name="f_allowbook" value="" maxlength="80" readonly/>
</div>
</div>
<div class="form-group" >
<label class="col-xs-2 col-sm-3 col-md-3 col-lg-3 control-label col-xs-offset-1 col-sm-offset-1 col-md-offset-1 col-lg-offset-1">
提前取消预约时间(小时)</label>
<div class="col-xs-8 col-sm-7 col-md-7 col-lg-7">
<input type="text" class="form-control" id="f_allowcancel" name="f_allowcancel" value="" maxlength="80" readonly/>
</div>
</div>
<div class="form-group" >
<input type="hidden" id="i_isfee" name="i_isfee" value="" />
<label class="col-xs-2 col-sm-3 col-md-3 col-lg-3 control-label col-xs-offset-1 col-sm-offset-1 col-md-offset-1 col-lg-offset-1 ">
<input type="checkbox" id="i_isfee_chk" name="i_isfee_chk" class="form-control" value="1" maxlength="80"/> 收费(元/节)</label>
<div class="col-xs-8 col-sm-7 col-md-7 col-lg-7">
<input type="text" class="form-control" id="f_classfee" name="f_classfee" value="" maxlength="80" readonly/>
</div>
</div>
<div class="form-group">
<label class="col-xs-2 col-sm-3 col-md-3 col-lg-3 control-label col-xs-offset-1 col-sm-offset-1 col-md-offset-1 col-lg-offset-1">介绍</label>
<div class="col-xs-8 col-sm-7 col-md-7 col-lg-7">
<textarea rows="10" cols="55" id="vc_classinfo" name="vc_classinfo"></textarea>
</div>
</div>
<div class="form-group">
<label class="col-xs-2 col-sm-3 col-md-3 col-lg-3 control-label col-xs-offset-1 col-sm-offset-1 col-md-offset-1 col-lg-offset-1">备注</label>
<div class="col-xs-8 col-sm-7 col-md-7 col-lg-7">
<input type="text" class="form-control" id="vc_remark" name="vc_remark" value="" maxlength="80"/>
</div>
</div>
<div class="form-group">
<label class="col-xs-2 col-sm-3 col-md-3 col-lg-3 control-label col-xs-offset-1 col-sm-offset-1 col-md-offset-1 col-lg-offset-1">状态</label>
<div class="col-xs-8 col-sm-7 col-md-7 col-lg-7">
<label>
<input type="radio" class="form-control" name="i_status" value="1" maxlength="80" preserve="true" />启用
</label>
<label >
<input type="radio" class="form-control" name="i_status" value="0" maxlength="80" preserve="true" />禁用
</label>
</div>
</div>
</form>
1.$("#i_limit_chk").off('ifChecked ifUnchecked').on('ifChecked ifUnchecked', function(event) {
if(event.type == 'ifChecked'){
$("#vc_classroom").attr("disabled",false);
$("#vc_islimit").val(1);
var url="${def:context}${def:actionroot}/getclassroom";
ajaxCall(url,{
method:"GET",
dataType:"script",
progress:true,
success:function(){
ccms.util.setComboValue('vc_classroom',$("#classroom").val(),"formEditor");
}
});
}else{
$("#vc_classroom").attr("disabled",true);
$("#vc_islimit").val(0);
var url="${def:context}${def:actionroot}/getclassroom?vc_code=jsuw";
ajaxCall(url,{
method:"GET",
dataType:"script",
progress:true,
success:function(){
ccms.util.setComboValue('vc_classroom',$("#classroom").val(),"formEditor");
}
});
}
2.//是否需要预约,需要则填写时间
$("#i_isprepaer_chk").on('ifChecked ifUnchecked', function(event) {
if(event.type == 'ifChecked'){
$("#f_allowbeginbook").removeAttr("readonly");
$("#f_allowbook").removeAttr("readonly");
$("#f_allowcancel").removeAttr("readonly");
$("#i_isprepaer").val(1);
}else{
$("#f_allowbeginbook").val("");
$("#f_allowbook").val("");
$("#f_allowcancel").val("");
$("#f_allowbeginbook").attr("readonly","");
$("#f_allowbook").attr("readonly","");
$("#f_allowcancel").attr("readonly","");
$("#i_isprepaer").val(0);
}
});
3.//是否课时收费
$("#i_isfee_chk").on('ifChecked ifUnchecked', function(event) {
if(event.type == 'ifChecked'){
$("#f_classfee").removeAttr("readonly");
$("#i_isfee").val(1);
}else{
$("#f_classfee").val("");
$("#f_classfee").attr("readonly","");
$("#i_isfee").val(0);
}
});
$("input[name='i_status']:eq(0)").iCheck("check");
$(".btn_status").each(function(){
//给类名是btn_status的按钮(因为有很多这样按钮)绑定修改方法
$(this).click(function(){
// sa是把状态由汉字转化成数字
var s=$(this),sa=-1;
if(s.text()=="已禁用"){
sa=1;
}else if(s.text()=="已启用"){
sa=0;
}else{
return;
}
var url="${def:context}${def:actionroot}/changestatus?code="+$(this).attr("code")+"&status="+sa;
ajaxCall(url,{
method:"GET",
progress:true,
dataType:"script",
success:function(){
s.text(sa==0?"已禁用":"已启用")
}
});
});
});
选中复选框,才能在文本框中输东西。button按钮已启用,的更多相关文章
- 自动化测试selenium(四)check,选中复选框,操作一组元素
定位复选框位置 打开浏览器,按F12,审查元素 接下来,我们要实现选中复选框 List<WebElement> inputs = driver.findElements(By.tagNam ...
- jQuery实现获取选中复选框的值
<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>Jq ...
- jQuery - 选中复选框则弹出提示框
<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8&quo ...
- JS实现页面table鼠标移动改变tr行颜色,单击tr选中复选框功能
JS源代码: //需要设置tr背景颜色 var highlightcolor='#bfecfc'; //设置背景颜色 function changeto(index){ var tr1 = docum ...
- 下拉框 JComboBox,文本框JTextField
1. 下拉框 JComboBox //导入Java类 import javax.swing.*; import java.awt.*; import java.awt.event.ActionEven ...
- JS基础 浏览器弹出的三种提示框(提示信息框、确认框、输入文本框)
浏览器的三种提示框 alert() //提示信息框 confirm() //提示确认框 prompt() //提示输入文本框 1.alert( ) 提示信息框 <script> alert ...
- jquery( 点击按钮出来文本框并限制文本框的个数)
// 首先呢 编辑这个文章 主要是用于和大家的交流 以便学习和交流!! <div class="form-group" id="spots"> ...
- JQ三种提示框:提示信息框、确认框、输入文本框
浏览器的三种提示框: alert()提示信息框 confirm()提示确认框 prompt()提示输入文本框 1.alert()提示信息框 效果: 实现代码: <script> alert ...
- 获取jsp选中复选框的id传到后台controller,进行逻辑删除等操作
逻辑删除设备:(数据表中还有这条记录,不显示出来) 思路: 数据表加个字段display,值为Y/N,只显示display为Y的,删除时,把display的值改为N,就不会显示出来 jsp页面如下图, ...
随机推荐
- Rails中的增删改查
1. rails中类与对象与SQL中表与行的关系 rails中提供了对象关系映射(ORM),将模型类映射至表,模型类的关联表名是类名小写后的复数形式,如类名Order,对应的表名为o ...
- unity之定制脚本模板
1.unity的脚本模板 新版本unity中的C#脚本有三类,第一类是我们平时开发用的C# Script:第二类是Testing,用来做单元测试:第三类是Playables,用作Time ...
- 细说setTimeout/setImmediate/process.nextTick的区别
node.js中的非IO的异步API提供了四种方法,分别为setTimeOut(),setInterval(),setImmediate()以及process.nextTick(),四种方法实现原理相 ...
- 能ping通外网dns但不能上网一例
一个win7本本仅通过一个无线路由一个人上网,突然一天不能上网了,甚是奇怪,一看本地连接均是正常的.而且能ping通外网的dns,但无论如何就是打不开网页,表现为输入任何网址很迅速的显示该页无法显示, ...
- T-sql 编程
---------------------------T-SQL编程--------------------------1.声明变量--declare @name nvarchar(50)--decl ...
- [PHP] Yaf框架的简单安装使用
PHP开发组鸟哥惠新宸开发的php扩展框架 安装 windows下载扩展:https://pecl.php.net/package/yaf/2.2.9/windows 根据自己的电脑系统和php的版本 ...
- anglar JS使用两层ng-repeat嵌套使用,分辨$index
使用ng-init给首层的每个元素赋值一个独立的值. ng-init="outerIndex = $index;" HTML: <div class="catego ...
- 设计模式学习——工厂模式(Factory Pattern)
1.有一个工厂,专门生产不同品牌的汽车.当有人需要从此工厂提货的时候,只需要告诉他,要什么品牌的,就可以了,并不关心这些车是怎么生产出来的. 2.以上方式,如果增加品牌的时候,也要修改工厂,有点麻烦. ...
- Linux学习3-Linux系统安装CentOS6.5
1.启动虚拟机(虚拟机的安装参见Linux学习1-创建虚拟机) 本此安装系统:CentOS6.5 2.启动客户端后迅速按下F2键进入Bios设置,注意:启动后需鼠标点击虚拟机的屏幕并迅 ...
- CSS 的介绍
第一章 的介绍 1.CSS:“层叠样式表”,它是cascading style sheets的缩写,作用就是给HTML标签加表现形式(样式-显示),如:字体,图片,列表,位置等. 在浏览器中可以看到部 ...