单选,全选,反选简单Demo

public class MainActivity extends Activity {

	private ListView list_view;
	private CheckAdapter checkAdapter;
	private CheckBox allBox;
	private Button reverse;

	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_main);
		
		list_view = (ListView)findViewById(R.id.list_view);
		allBox = (CheckBox)findViewById(R.id.all);
		reverse = (Button)findViewById(R.id.reverse);
		
		List<String> list = new ArrayList<String>();
		for (int i = 0; i < 15; i++) {
			list.add("这是条目" + i);
		}
		
		checkAdapter = new CheckAdapter(getApplicationContext(), list);
		list_view.setAdapter(checkAdapter);
		
		//设置全选
		allBox.setOnClickListener(new OnClickListener() {
			
			@Override
			public void onClick(View v) {
				boolean flag = allBox.isChecked();
				
				for (int i = 0; i < checkAdapter.getSelect().size(); i++) {
					checkAdapter.getSelect().set(i, flag);
				}
				//通知适配器
				checkAdapter.notifyDataSetChanged();
				
			}
		});
		
		//反选
		reverse.setOnClickListener(new OnClickListener() {
			
			@Override
			public void onClick(View v) {
				if (! checkAdapter.getSelect().contains(true)) {
					Toast.makeText(MainActivity.this, "qingxuanz", 0).show();
				}else {
					for (int i = 0; i < checkAdapter.getSelect().size(); i++) {
						if (checkAdapter.getSelect().get(i)) {
							checkAdapter.getSelect().set(i, false);
						}else {
							checkAdapter.getSelect().set(i, true);
						}
					}
					
					if (checkAdapter.getSelect().contains(false)) {
						allBox.setChecked(false);
					}
					
					checkAdapter.notifyDataSetChanged();
				}
			}
		});
		
	}

	
	//适配器
	private class CheckAdapter extends BaseAdapter {
		private List<String> list;
		private Context context;
		
		//创建一个集合 去记录选中与未选中的状态,为了防止滑动是ck错乱 
		LinkedList<Boolean> linkedList = new LinkedList<Boolean>();

		public CheckAdapter(Context context, List<String> list) {
			// TODO Auto-generated constructor stub
			this.list = list;
			this.context = context;
			
			for (int i = 0; i < list.size(); i++) {
				linkedList.add(false);
			}
			
		}
		//对外提供一个方法 获取这个集合
		private List<Boolean> getSelect() {
			return linkedList;
		}
		

		@Override
		public int getCount() {
			// TODO Auto-generated method stub
			return list.size();
		}

		@Override
		public Object getItem(int position) {
			// TODO Auto-generated method stub
			return list.get(position);
		}

		@Override
		public long getItemId(int position) {
			// TODO Auto-generated method stub
			return position;
		}

		@Override
		public View getView(final int position, View convertView,
				ViewGroup parent) {
			if (convertView == null) {
				convertView = View.inflate(context, R.layout.item, null);
			}
			CheckBox ck = (CheckBox) convertView.findViewById(R.id.ck);
			TextView tView = (TextView) convertView.findViewById(R.id.tv);

			tView.setText(list.get(position));

			ck.setChecked(linkedList.get(position));
			//对checkBox点击进行监听
			ck.setOnClickListener(new OnClickListener() {
				
				@Override
				public void onClick(View v) {
					//点中的时候改成相反的值
					linkedList.set(position, !linkedList.get(position));
					
					//点击的同时还要去判断全选
					if (linkedList.contains(false)) {
						allBox.setChecked(false);
					}else {
						allBox.setChecked(true);
					}
					
					notifyDataSetChanged();
				}
			});
			
			return convertView;
		}

	}

}

要实现 Vant 单选框组的全选反选功能,你可以使用 v-model 来绑定选中的值,然后通过控制选中值的变化来实现全选反选。 首先,你需要在组件中定义一个数组来存储选中的值,例如: ```javascript data() { return { options: ['option1', 'option2', 'option3'], selectedOptions: [] } } ``` 接下来,你可以使用 Vant 的单选框组组件来显示选项,并将选中的值与 `selectedOptions` 进行绑定: ```html <van-radio-group v-model="selectedOptions"> <van-cell-group> <van-cell v-for="option in options" :key="option" clickable> <van-radio :name="option" :label="option">{{ option }}</van-radio> </van-cell> </van-cell-group> </van-radio-group> ``` 然后,你可以添加全选反选的按钮,并在点击事件中修改 `selectedOptions` 的值来实现全选反选的功能: ```html <van-button type="primary" @click="selectAll">全选</van-button> <van-button type="primary" @click="invertSelection">反选</van-button> ``` ```javascript methods: { selectAll() { this.selectedOptions = this.options.slice(); }, invertSelection() { this.selectedOptions = this.options.filter(option => !this.selectedOptions.includes(option)); } } ``` 这样,当你点击 "全选" 按钮时,所有选项都会被选中;当你点击 "反选" 按钮时,已选中的选项会被取消选中,未选中的选项会被选中。 请注意,以上代码示例假设你已经正确引入了 Vant 组件,并在 Vue 实例中注册了相应的组件。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值