JS 实现 Selector 多选插件 mulitselector

由于最近开发项目，想使用弹出式窗口复选功能，想增加web2.0的特点。但是在网上找了很多js弹出窗口复选的例子，

感觉都不是很理想，也看了很多老外开发的例子，感觉也不是理想的弹出窗口，并且窗口页面也不是很好看，我看了一下ch所以我决定自己写一个，并且开源出来，服务于大家。

 

我的开发过程如下：

1. 我上chinahr看了一下，他们做的弹出式窗口，感觉效果和理想。于是看了一下他们js代码，感觉代码重用性不高，并且很多功能都写死在插件中，并且还是要依赖一些页面生成的div来操作显示控制，跟我想要的插件，直接调用的方式相差很远。

 

2.我使用chinahr的页面，然后开始使用JQuery，实现自己的插件，由于JQuery不是很熟悉，所以走了很多弯路，多亏同事帮忙，才算完成了这个插件。

 

3.该插件只是实现了基本功能，数据、标题使用参数的方式传入控件。

 

开发完成后，我放到google的code上，以便大家下载。如果有什么问题，请及时与我联系，如果代码中有些不妥之处，请改正后联系我，多谢！

 

以下为调用方法：

JQuery Pop-up checkbox, this plug in use jquery 1.3.2 library.

example code ：

        var data = 
        [
                {id: "10",name: "请选择中国苹果"},
                {id: "20",name: "请选择中国香蕉"},
                {id: "30",name: "请选择中国西瓜"},
                {id: "40",name: "请选择中国桃子"},
                {id: "50",name: "请选择中国葡萄"}
        ];

        $("#test1").mulitselector({
                title:"请选择类别-自定义标题",
                data:data
        });

mulitselector 在 google code 项目主页：http://code.google.com/p/mulitselector/

 

在线demo地址：http://www.kukugame.com/mulitselector/demo/mulitselect.html

 

源码下载地址：http://code.google.com/p/mulitselector/downloads/list

 

评论

3 楼 manyan1985 2011-02-27  

关于form表单的问题
<form name="form">
    <input name="" type="text" value="点击试验一下" style="width:218px" onclick="test1()"  readonly="readonly" id="test1"/>
</form
改动之后就不能正常使用了 

2 楼 llhdf 2010-04-19  

在jsp页面上可以控制，例如
<% list list = reques.getAttribute("list"); %>
var data =
        [
<% for(int i=0; i<list.size(); i++){ %>
                {id: "<%=i%>",name: "<%=(list.get(i).getname())%>"},
<% } %>
        ];

1 楼 duanfei 2010-04-15  

var data =
        [
                {id: "10",name: "请选择中国苹果"},
                {id: "20",name: "请选择中国香蕉"},
                {id: "30",name: "请选择中国西瓜"},
                {id: "40",name: "请选择中国桃子"},
                {id: "50",name: "请选择中国葡萄"}
        ];
这种数据通过JAVA怎么传递 呀