How to get only selected checkboxes in a RecyclerView

Hello Everyone, this one is again very easy to implement.
The issue I faced while using check-boxes inside a Recycler View is that when I check one of the checkboxes and scroll up or down, I see many other are selected and the reason for that is that Recycler View checks the checkbox according to the current view and the holder keeps that child selected. When you log or use the selected data you will find a lot more options than selected.

For a Recycler View to work fine you need to set an Adapter and that Adapter in turns calls the ViewHolder class and you override ” onBindViewHolder ” method of the Adapter to bind the view.
When you override this method you bind all the entities of the view that are of use to you and probably set all the listeners that need to work on any of the event triggered with respect to the entities of the view inflated.
But when you do the same with the check-boxes, they don’t work exactly the same as you want them to be.

APPROACH :

All you need to do is to change the state of checkbox as per the item of the list selected and hold that value.
Don’t just change the state of the checkbox.

And for each checkbox you need to first set the OnCheckedChangeListener to null.

Look at the piece of code and you will get it :

@Override
    public void onBindViewHolder(final SuggestionListViewHolder holder, final int position) {

        final Suggestion suggestion = mSuggestionList.get(position);

        holder.mCheckBox.setText(suggestion.getCategory());
        holder.mCheckBox.setOnCheckedChangeListener(null);
        holder.mCheckBox.setSelected(suggestion.isSelected());
        holder.mCheckBox.setOnCheckedChangeListener(new CompoundButton.OnCheckedChangeListener() {
            @Override
            public void onCheckedChanged(CompoundButton buttonView, boolean isChecked) {
                if(isChecked){
                    suggestion.setSelected(true);
                }else {
                    suggestion.setSelected(false);
                }
            }
        });
        holder.mCheckBox.setChecked(suggestion.isSelected());
    }

@Override

public void onBindViewHolder(final SuggestionListViewHolder holder, final int position) {

final Suggestion suggestion = mSuggestionList.get(position);

holder.mCheckBox.setText(suggestion.getCategory());

holder.mCheckBox.setOnCheckedChangeListener(null);

holder.mCheckBox.setSelected(suggestion.isSelected());

holder.mCheckBox.setOnCheckedChangeListener(new CompoundButton.OnCheckedChangeListener() {

@Override

public void onCheckedChanged(CompoundButton buttonView, boolean isChecked) {

if(isChecked){

suggestion.setSelected(true);

}else {

suggestion.setSelected(false);

}

});

holder.mCheckBox.setChecked(suggestion.isSelected());

}

Just for a better insight , here is my full Adapter class:

public class SuggestionListAdapter extends RecyclerView.Adapter<SuggestionListAdapter.SuggestionListViewHolder> {

    private List<Suggestion> mSuggestionList;
    private Context mContext;



    public class SuggestionListViewHolder extends RecyclerView.ViewHolder{
        private CheckBox mCheckBox;
        private LinearLayout mParent;


        public SuggestionListViewHolder(View itemView) {
            super(itemView);
            mCheckBox = (CheckBox)itemView.findViewById(R.id.list_display_checkbox);
            mParent =(LinearLayout)itemView.findViewById(R.id.list_parentll);
        }
    }

    public SuggestionListAdapter(List<Suggestion> suggestionList, Context context) {
        this.mSuggestionList = suggestionList;
        this.mContext = context;
    }

    @Override
    public SuggestionListViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
        View new_suggestion_list_view = LayoutInflater.from(parent.getContext()).inflate(R.layout.suggestion_list,parent,false);
        return new SuggestionListViewHolder(new_suggestion_list_view);
    }
    @Override
    public void onBindViewHolder(final SuggestionListViewHolder holder, final int position) {

        final Suggestion suggestion = mSuggestionList.get(position);

        holder.mCheckBox.setText(suggestion.getCategory());
        holder.mCheckBox.setOnCheckedChangeListener(null);
        holder.mCheckBox.setSelected(suggestion.isSelected());
        holder.mCheckBox.setOnCheckedChangeListener(new CompoundButton.OnCheckedChangeListener() {
            @Override
            public void onCheckedChanged(CompoundButton buttonView, boolean isChecked) {
                if(isChecked){
                    suggestion.setSelected(true);
                }else {
                    suggestion.setSelected(false);
                }
            }
        });
        holder.mCheckBox.setChecked(suggestion.isSelected());
    }

    @Override
    public int getItemCount() {
        return mSuggestionList.size();
    }
}

public class SuggestionListAdapter extends RecyclerView.Adapter<SuggestionListAdapter.SuggestionListViewHolder> {

private List<Suggestion> mSuggestionList;

private Context mContext;

public class SuggestionListViewHolder extends RecyclerView.ViewHolder{

private CheckBox mCheckBox;

private LinearLayout mParent;

public SuggestionListViewHolder(View itemView) {

super(itemView);

mCheckBox = (CheckBox)itemView.findViewById(R.id.list_display_checkbox);

mParent =(LinearLayout)itemView.findViewById(R.id.list_parentll);

}

public SuggestionListAdapter(List<Suggestion> suggestionList, Context context) {

this.mSuggestionList = suggestionList;

this.mContext = context;

}

@Override

public SuggestionListViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {

View new_suggestion_list_view = LayoutInflater.from(parent.getContext()).inflate(R.layout.suggestion_list,parent,false);

return new SuggestionListViewHolder(new_suggestion_list_view);

}

@Override

public void onBindViewHolder(final SuggestionListViewHolder holder, final int position) {

final Suggestion suggestion = mSuggestionList.get(position);

holder.mCheckBox.setText(suggestion.getCategory());

holder.mCheckBox.setOnCheckedChangeListener(null);

holder.mCheckBox.setSelected(suggestion.isSelected());

holder.mCheckBox.setOnCheckedChangeListener(new CompoundButton.OnCheckedChangeListener() {

@Override

public void onCheckedChanged(CompoundButton buttonView, boolean isChecked) {

if(isChecked){

suggestion.setSelected(true);

}else {

suggestion.setSelected(false);

}

});

holder.mCheckBox.setChecked(suggestion.isSelected());

}

@Override

public int getItemCount() {

return mSuggestionList.size();

}

Hope this works for you too.

Keep coding and keep sharing. : )

References : http://stackoverflow.com/questions/32427889/checkbox-in-recyclerview-keeps-on-checking-different-items

anchit 18 December 2016

. . .

5 comments

Rohit Mar 19, 2019 at 11:44 am

What is the Suggestion class does not have isSelected field in it which you are updating? But I have a checkbox in my XML and during runtime I want to access the changed state of the checkbox?

anchit (Moderator) Mar 19, 2019 at 4:31 pm
Hi Rohit,

Well, if the Suggestion class does not have isSelected field in it.
The best solution, I would say is to create it as that’s just a boolean reference.

But Still, if you want to do it some other way or you cannot create any field in the class, then please do just share some sample code, so that I can look at the same and help you with some solution.

Reply

arsalan Sep 19, 2019 at 1:48 pm

Hi thank you for sharing your code.
I just want to select only one checkbox from list.
I have dynamic checkboxes 1 2 3 4 5 6 7 but I want to select only one.
when I select a checkbox other checkboxes should remove their selection.
how can i do than

anchit (Moderator) Sep 19, 2019 at 2:29 pm
Hello,
Firstly, why do you need single selected checkbox?
Have you seen RadioButton and Radio Groups? the functionality you need is already in built for RadioButtons inside a Radio Group.

Still, if you want to build the functionality using checkboxes, then you will have to set them unselected through code first.
Something like this should work :

@Override
public void onBindViewHolder(final SuggestionListViewHolder holder, final int position) {

final Suggestion suggestion = mSuggestionList.get(position);

holder.mCheckBox.setText(suggestion.getCategory());
holder.mCheckBox.setOnCheckedChangeListener(null);
holder.mCheckBox.setSelected(suggestion.isSelected());
holder.mCheckBox.setOnCheckedChangeListener(new CompoundButton.OnCheckedChangeListener() {
@Override
public void onCheckedChanged(CompoundButton buttonView, boolean isChecked) {

for (Suggestion suggestionFromList :mSuggestionList) {
suggestionFromList.setSelected(false);
}

if(isChecked){
suggestion.setSelected(true);
}else {
suggestion.setSelected(false);
}
}
});
holder.mCheckBox.setChecked(suggestion.isSelected());
}

Reply

Ranjeet Sharma May 5, 2020 at 10:09 pm

Amazing. Works Like a charm
Thanks

How to get only selected checkboxes in a RecyclerView

Leave a Comment Cancel Reply

5 comments

Message Sent!