当前位置: 代码迷 >> Java Web开发 >> 求复选框上拉效果JS代码
  详细解决方案

求复选框上拉效果JS代码

热度:7370   发布时间:2013-02-25 21:14:25.0
求复选框下拉效果JS代码
各位高手们,小弟java不熟,现在做项目遇到排版问题。复选框默认一个很大的框,很占地方,排版效果很难看,如果把复选框长和高固定死,下拉很难看。

    我希望把复选框改变成单选框那样,需要选择时,点击右边的下拉按钮,下拉出一个框,选好后收起来。

    注意:1.我要的是像单选框那样的下拉效果,不是边框的下拉框;
        2.我的问题比较特殊,不像网页上修改一个属性就可以实现的;
        3.最好是JS代码。

    最后感谢各位大侠帮忙! ^_^


------解决方案--------------------------------------------------------
基本明白你的意思,那要么搞个三角形的图片,做个点击事件,搞个div出来,然后确定好后(这个确定好可以为鼠标离开这个div区域或者div里面有个确定按钮,鼠标点击确定按钮),div隐藏
------解决方案--------------------------------------------------------
把你的复选框放在一个层中设置这个层的的style="display:none"(默认看不见) 
给你‘右边的三角形’一个onclick事件,onclick=isDisplay()
function isDisplay(){
if(doucument.getElementById("复选框所在层的id").style.disable="none"){
doucument.getElementById("复选框所在层的id").style.disable="block"; //是隐藏状态则设置显示
}else{
doucument.getElementById("复选框所在层的id").style.disable="none"; //是显示状态则设置隐藏
}

}
另外,javascript和java一点关系也没有,js是js,java是java
  相关解决方案