首页 > 其他 > 详细

工作知识总结4

时间:2020-05-28 17:30:43      阅读:32      评论:0      收藏:0      [点我收藏+]

一、下拉框select标签的知识点  

     (1)设置select中的字体居中:text-align-last:center; https://blog.csdn.net/qq_35128300/article/details/88719298
     (2)设置option没有边框:outline:none;border:none; https://jingyan.baidu.com/article/200957616c5de98b0621b469.html

二、获取多选框状态  

       获取多选框选中状态:var status = $("#id").prop("checked"); https://my.oschina.net/u/3552299/blog/2051607
       attr和prop的区别:https://www.jb51.net/article/76588.htm
     (注:使用prop可以实时获取用户的选中与取消操作状态)

三、页面数据处理

       js取整:https://www.cnblogs.com/Marydon20170307/p/8831055.html
       数据保留两位小数:使用toFixed()方法 https://blog.csdn.net/weixin_41745247/article/details/81388841
       使用toFixed方法问题:https://blog.csdn.net/weixin_41997172/article/details/81511639

 四、jsp基础之jstl<c:forEach>用法

       后台传页面list列表,前台循环输出可以使用forEach标签:https://www.cnblogs.com/jokerjason/p/5740917.html

五、点击按钮出现弹出框

<div style="float: right;margin-top: -39px;color: white;font-size: 18px;cursor: pointer;"data-toggle="modal" data-target="#popup">弹出框</div>

<div class="modal fade" id="popup" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog" style="position: absolute; top:30%; left:31%">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                    &times;
                </button>
                <h4 class="modal-title" id="title">
                    弹出框标题
                </h4>
            </div>
            <div class="modal-body">
                <textarea id="content" class="form-control" rows="3"  placeholder="弹出框内容"></textarea>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                <button type="button" class="btn btn-primary" data-dismiss="modal" id="submit">提交</button>
            </div>
        </div><!-- /.modal-content -->
    </div><!-- /.modal -->
</div>

 六、前台获取数据总结

      技术分享图片

 

工作知识总结4

原文:https://www.cnblogs.com/cxli99/p/12981445.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!