"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"/>&nbsp;&nbsp;限制教室</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"/>&nbsp;&nbsp;需要预约</label>
                        <div class="col-xs-8 col-sm-7 col-md-7 col-lg-7">    
                            
                        <label class=" control-label ">                                                
                            &nbsp;&nbsp;预约时间:</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"/>&nbsp;&nbsp;收费(元/节)</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按钮已启用,的更多相关文章

  1. 自动化测试selenium(四)check,选中复选框,操作一组元素

    定位复选框位置 打开浏览器,按F12,审查元素 接下来,我们要实现选中复选框 List<WebElement> inputs = driver.findElements(By.tagNam ...

  2. jQuery实现获取选中复选框的值

    <!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>Jq ...

  3. jQuery - 选中复选框则弹出提示框

    <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8&quo ...

  4. JS实现页面table鼠标移动改变tr行颜色,单击tr选中复选框功能

    JS源代码: //需要设置tr背景颜色 var highlightcolor='#bfecfc'; //设置背景颜色 function changeto(index){ var tr1 = docum ...

  5. 下拉框 JComboBox,文本框JTextField

    1. 下拉框 JComboBox //导入Java类 import javax.swing.*; import java.awt.*; import java.awt.event.ActionEven ...

  6. JS基础 浏览器弹出的三种提示框(提示信息框、确认框、输入文本框)

    浏览器的三种提示框 alert() //提示信息框 confirm() //提示确认框 prompt() //提示输入文本框 1.alert( ) 提示信息框 <script> alert ...

  7. jquery( 点击按钮出来文本框并限制文本框的个数)

    // 首先呢  编辑这个文章  主要是用于和大家的交流  以便学习和交流!! <div class="form-group" id="spots"> ...

  8. JQ三种提示框:提示信息框、确认框、输入文本框

    浏览器的三种提示框: alert()提示信息框 confirm()提示确认框 prompt()提示输入文本框 1.alert()提示信息框 效果: 实现代码: <script> alert ...

  9. 获取jsp选中复选框的id传到后台controller,进行逻辑删除等操作

    逻辑删除设备:(数据表中还有这条记录,不显示出来) 思路: 数据表加个字段display,值为Y/N,只显示display为Y的,删除时,把display的值改为N,就不会显示出来 jsp页面如下图, ...

随机推荐

  1. glog功能介绍

    1.   概述       Google glog是一个基于程序级记录日志信息的c++库,编程使用方式与c++的stream操作类似,例:        LOG(INFO) << &quo ...

  2. JavaScript 常用的小功能集合

    1. 得到当前用户使用的浏览器的内核版本 function getExplorer(){ var browser = ""; var explorer = window.navig ...

  3. Ionic CLI 升级到最新版本

    由于Ionic 自身也在不停的更新当中, 所以开发者经常会遇到从官方的CLI 命令,在命令行窗口中执行出错的情况. 就比如我一个月之前安装的ionic 2.2.2版本,已不能使用最新的3.2.0 CL ...

  4. 导出为shape文件

    private void barButtonItem2_ItemClick(object sender, DevExpress.XtraBars.ItemClickEventArgs e)//导出为s ...

  5. Emgucv(一)Aforge切换摄像头并调用摄像头属性

    一.新建一个Windows窗体应用程序,在Form1窗体上添加一个PictureBox控件.一个ComboBox控件,命名为PictureBox1.cbCapture,还有两个Button控件,Tex ...

  6. spring boot入门笔记 (二) - application.properties配置文件

    项目最重要的一个东西,用来定义整个项目的一些东西(端口.访问项目的名称.数据源.日志.集成mybatis等框架.静态资源目录.thymeleaf.热部署等),很重要很重要的. #整个项目的端口号,默认 ...

  7. 使用sshkey连接github等服务器

    平常使用git时因为用了https的方式,所以经常要输入密码,其实我们是可以通过这个公钥连接github git.oschina.net等服务器,这样可以省去了我们输入用户名密码这么一个步骤了. 1. ...

  8. Hibernate初学

    什么是Hibernate? Hibernate,翻译过来是冬眠的意思,正好现在已经进入秋季,世间万物开始准备冬眠了.其实对于对象来说就是持久化. 我们从三个角度理解一下Hibernate: 一.Hib ...

  9. CSS之换行

    在项目中,常常遇到一些问题,可以通过CSS来快速解决,比如受到布局影响会导致内容溢出,这个时候就可以使用CSS换行解决 自动换行: { word-wrap:break-word; } 强制不换行: { ...

  10. Math.random理解练习

    <!doctype html> <html> <head> <meta charset="utf-8"> <title> ...