求复选框下拉效果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