select实现多选、全选、全不选

今天使用select下拉框实现了全选,全不选和多选的功能,效果如图:
这里写图片描述
1、html代码:

为select标签设置multiple属性为true
<select id="myselect" multiple="true">
    <option value="1">java</option>
    <option value="2">javaSE</option>
    <option value="3">javaEE</option>
</select>

截图和代码不相符,因为我用的是struts2框架,使用的是<s:select>标签,直接使用list获取下拉选项的,这里只是说明一下问题。关于s:select标签可以参考下面这个链接:
s:select标签的使用和相关属性说明
2、js代码:
接下来就是在js中设置select标签的多选功能:

$("#myselect").multiselect({
    noneSelectedText : "--请选择--", //当没有内容选中时候显示的文本
    checkAllText : "全选", //全选按钮显示的文本
    uncheckAllText : "全不选", //全不选按钮显示的文本
    minWidth : 200, //select框的宽度,根据option的内容长短设置
    selectedList : 2 //当选中的内容超过2条时,显示“n已选择”
});

别忘了引入js和css文件,这两个文件收了1大洋,木有积分的亲们可以加3393055725分享,下载地址:
http://download.youkuaiyun.com/detail/cat_pp/9774366

删除之类操作需要全选功能,方便择 public class MainActivity extends Activity { private ListView lv; private MyAdapter mAdapter; private ArrayList list; private Button bt_selectall; // private Button bt_cancel; // private Button bt_deselectall; private int checkNum; // 记录中的条目数量 private TextView tv_show;// 用于显示中的条目数量 /** Called when the activity is first created. */ @Override public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); /* 实例化各个控件 */ lv = (ListView) findViewById(R.id.lv); bt_selectall = (Button) findViewById(R.id.bt_selectall); // bt_cancel = (Button) findViewById(R.id.bt_cancelselectall); // bt_deselectall = (Button) findViewById(R.id.bt_deselectall); tv_show = (TextView) findViewById(R.id.tv); list = new ArrayList(); // 为Adapter准备数据 initDate(); // 实例化自定义的MyAdapter mAdapter = new MyAdapter(list, this); // 绑定Adapter lv.setAdapter(mAdapter); // 全选按钮的回调接口 bt_selectall.setOnClickListener(new OnClickListener() { @Override public void onClick(View v) { // 遍历list的长度,将MyAdapter中的map值部设为true for (int i = 0; i < list.size(); i++) { MyAdapter.getIsSelected().put(i, true); } // 数量设为list的长度 checkNum = list.size(); // 刷新listview和TextView的显示 dataChanged(); } }); // 反按钮的回调接口 // bt_cancel.setOnClickListener(new OnClickListener() { // @Override // public void onClick(View v) { // // 遍历list的长度,将已的设为未,未的设为已 // for (int i = 0; i < list.siz
评论 6
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值