java jsp页面点击后立刻不可选及添加一个选项(示例代码)

栏目: Web · 发布时间: 2021-01-25

来源:cnblogs.com

简介  这篇文章主要介绍了java jsp页面点击后立刻不可选及添加一个选项(示例代码)以及相关的经验技巧,文章约4156字,浏览量420,点赞数3,值得参考!

找到要改的按钮,发现它是个a,给它的li和a都添加一个id,使可以找到更改它

if(message.setObj.completeStates==null || message.setObj.completeStates==0 || message.setObj.completeStates==3){
                        str=str+‘<li id="submittrain" class="fff"><a  id="submit" onclick="lock(\‘‘+message.setObj.id+‘\‘)">提交训练</a></li>‘;
                    }else if(message.setObj.completeStates!=null || message.setObj.completeStates==2){
                        str=str+‘<li id="submittrain" class="ccc"><a id="submit">提交训练</a></li>‘;
                    }

不可选的样式为ccc,点击按钮后样式改为ccc,disable改为true,运行发现点击按钮后等了会才改变样式,同事看了后讲是ajax中设置了async: false,改成true即可。async为异步的

function lock(id){
    $("#submittrain").attr("class","ccc");
    $("#submit").attr("disable",true);
    console.log("点击提交训练按钮后");
    var index = layer.load(0, {shade: false}); //0代表加载的风格,支持0-2    
     $.ajax({
         type: "POST",
         url: ‘/tagtype/lock‘,
         data:   "typeId="+id,
         async: true,        
         success: function(msg)
         {
            layer.close(index);
            layer.msg(msg.msg, {
                  icon: 1,
                  time: 1000 //2秒关闭(如果不配置,默认是3秒)
                }, function(){
                    
                    window.location.reload();
                });   
            
         } 
    });
}

更改页面弹出窗口大小

function layeropenh(url){
                  layer.open({
                      type: 2,
                      title: "集合管理",
                      shadeClose: true,
                      shade: 0.5,
                      zIndex: 9999999999,
                      maxmin: true, //开启最大化最小化按钮
                      area: [‘80%‘, ‘80%‘],//大小改这里
                      content: url
                    });
                
            }

页面增加一个选项值,表添加一个pre_train_model字段,java类中增加一个变量及对应的get、set方法

 <div class="layui-inline">
            <label class="layui-form-label">预训练模式</label>
            <div class="layui-input-block">
              <input type="radio"  name="preTrainModel" value="1" title="是" <c:if test="${entity.preTrainModel==1 }">checked=""</c:if>  >
              <input type="radio"  name="preTrainModel" value="0"  <c:if test="${entity.preTrainModel==0 }">checked=""</c:if> title="否">
            </div>
          </div>

 


以上就是本文的全部内容,希望对大家的学习有所帮助,版权归原作者或者来源机构所有,感谢作者,如果未能解决你的问题,请参考以下文章。

springboot访问jsp页面(示例代码)

雷林鹏分享:jsp 点击量统计(示例代码)

雷林鹏分享:jsp 点击量统计(示例代码)

点击jsp页面上的超链接后怎么找到对应的servlet

jQuery EasyUI combobox多选及赋值(示例代码)