UI菜鸟，请教问题_html/css_WEB-ITnose

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了UI菜鸟，请教问题_html/css_WEB-ITnose，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含4011字，纯文字阅读大概需要6分钟。

内容图文

回复讨论(解决方案)

有人么？请教了。。。

帮我做一个小模块就行了。。非常感谢。。

都没人么？伤心了。。。

来人啊。。帮帮忙吧。。谢谢。。

各位大虾谢谢了。。

去ASP栏块去问！

自己学习，这个不难~

多选文本框

以前只能三连回，现在改了？

我只记得table的布局：一个大的table嵌套三个小的table，table中有三列，每一列右对齐;至于复选框就是复选框属性值为true。

我只记得table的布局：一个大的table嵌套三个小的table，table中有三列，每一列右对齐;至于复选框就是复选框属性值为true。

楼主，我用div+css+jQuery帮你实现了，希望对你有所帮助，运行的时候，记得导入jQuery的js文件，以下是代码：
样式文件css.css

.mainContent {     position: absolute;    top: 50px;    left: 245px;    right: 245px;    bottom: 50px;    overflow: auto;}.topContent{    position: absolute;    top: 5px;    left: 5px;    right: 5px;    height: 28px;    background: url(../images/bg.png);}.leftTitle{    position: relative;    top: 2px;    left: 10px;    padding: 5px;    font: 12px "宋体";}.rightCheck{    position: relative;    top: 5px;    left: 0px;    padding: 2px;}.middleBuyContent{    position: absolute;    top: 35px;    left: 5px;    right: 5px;    height: 165px;}.leftTd{    font: 12px "宋体";    float: right;    padding: 5px;    text-align: right;}.rightTd{    float: right;    padding: 2px;    text-align: left;    margin-right: 20px;}.middleSellContent{    position: absolute;    top: 185px;    left: 5px;    right: 5px;    height: 28px;    background: url(../images/bg.png);}.middleSellInfoContent{    position: absolute;    top: 215px;    left: 5px;    right: 5px;    height: 165px;}.bottomContent{    position: absolute;    top: 370px;    left: 5px;    right: 5px;    height: 28px;    background: url(../images/bg.png);}.bottomBoxInfoContent{    position: absolute;    top: 400px;    left: 5px;    right: 5px;    height: 80px;}

            $(function(){                //采购权限                $("#buyRule").click(function(){                    //获取该div下的复选框的个数                    var v = $("#buyRuleTable").find(":checkbox").size();                    var flag = $(this).get(0).checked;                    if(flag){                        for(var i = 0;i < v;i++){                            $("#buyRuleTable").find(":checkbox").get(i).checked = true;                        }                    }else{                        for(var i = 0;i < v;i++){                            $("#buyRuleTable").find(":checkbox").get(i).checked = false;                        }                    }                });                //销售权限                $("#sellRule").click(function(){                    //获取该div下的复选框的个数                    var v = $("#sellRuleTable").find(":checkbox").size();                    var flag = $(this).get(0).checked;                    if(flag){                        for(var i = 0;i < v;i++){                            $("#sellRuleTable").find(":checkbox").get(i).checked = true;                        }                    }else{                        for(var i = 0;i < v;i++){                            $("#sellRuleTable").find(":checkbox").get(i).checked = false;                        }                    }                });                //仓库管理                $("#boxRule").click(function(){                    //获取该div下的复选框的个数                    var v = $("#boxRuleTable").find(":checkbox").size();                    var flag = $(this).get(0).checked;                    if(flag){                        for(var i = 0;i < v;i++){                            $("#boxRuleTable").find(":checkbox").get(i).checked = true;                        }                    }else{                        for(var i = 0;i < v;i++){                            $("#boxRuleTable").find(":checkbox").get(i).checked = false;                        }                    }                });            })

html文件如下：index.html

内容总结

以上是互联网集市为您收集整理的UI菜鸟，请教问题_html/css_WEB-ITnose全部内容，希望文章能够帮你解决UI菜鸟，请教问题_html/css_WEB-ITnose所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端