我有一个RecyclerView,它有一个复选框和文本视图。数字10,20,30,40。。。文本视图中应显示至500。选中的复选框应在文本视图中添加与复选框对应的数字。例如,如果用户仅检查值10,textView将显示10。如果用户同时选中20,则TextView将显示30(20 10)。如果用户再次取消选中10,TextView将显示20,依此类推。当我点击复选框时,一些随机复选框也被选中。我在stackoverflow中尝试了一种解决方案。它不起作用。我被这个困住了。请帮帮我。。这是我的代码:
回收适配器。java:
public class RecyclerAdapter extends RecyclerView.Adapter<RecyclerAdapter.RecyclerHolder>
{
@NonNull
@Override
public RecyclerHolder onCreateViewHolder(@NonNull ViewGroup parent, int viewType) {
return new RecyclerHolder(LayoutInflater.from(parent.getContext()).inflate(R.layout.recycler_lyt,parent,false));
}
@Override
public void onBindViewHolder(@NonNull RecyclerHolder holder, final int position) {
holder.number.setText(Integer.toString((Integer) alldata.get(position)));
final String text=holder.number.getText().toString();
holder.checkBox.setOnCheckedChangeListener(new CompoundButton.OnCheckedChangeListener() {
@Override
public void onCheckedChanged(CompoundButton buttonView, boolean isChecked) {
Log.e("Checked","Checked");
if(checkeddata!=null)
{
if (checkeddata.size()==0)
{
checkeddata.add(text);
}
else {
if(checkeddata.contains(text))
{
checkeddata.remove(text);
}
else {
checkeddata.add(text);
}
}
Iterator iterator=checkeddata.iterator();
int sumnumber=0;
while (iterator.hasNext())
{
sumnumber= sumnumber+Integer.parseInt((String) iterator.next());
}
sum.setText(Integer.toString(sumnumber));
}
}
});
}
@Override
public int getItemCount() {
return alldata.size();
}
public class RecyclerHolder extends RecyclerView.ViewHolder
{
TextView number;
CheckBox checkBox;
public RecyclerHolder(View itemView) {
super(itemView);
number=itemView.findViewById(R.id.number);
checkBox=itemView.findViewById(R.id.check);
}
}
}
public void data()
{
int g=1;
for(int i=10;i<=500;i++)
{
if((i/10)==g)
{
g=g+1;
alldata.add(i);
}
}
}
recycler\u lyt。xml:
<?xml version="1.0" encoding="utf-8"?>
<android.support.constraint.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="wrap_content"
xmlns:app="http://schemas.android.com/apk/res-auto">
<TextView
android:layout_width="150dp"
android:layout_height="wrap_content"
android:id="@+id/number"
android:textSize="20sp"/>
<CheckBox
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:id="@+id/check"
android:checked="false"
app:layout_constraintRight_toRightOf="parent"/>
</android.support.constraint.ConstraintLayout>
试试这个:
public class RecyclerAdapter extends RecyclerView.Adapter<RecyclerAdapter.RecyclerHolder>
{
private OnClickListener onClickListener;
private int sum =0;
@NonNull
@Override
public RecyclerHolder onCreateViewHolder(@NonNull ViewGroup parent, int viewType) {
return new RecyclerHolder(LayoutInflater.from(parent.getContext()).inflate(R.layout.recycler_lyt,parent,false));
}
@Override
public void onBindViewHolder(@NonNull RecyclerHolder holder, final int position) {
holder.number.setText(Integer.toString((Integer) alldata.get(position)));
final String text=holder.number.getText().toString();
holder.checkBox.setOnCheckedChangeListener(new CompoundButton.OnCheckedChangeListener() {
@Override
public void onCheckedChanged(CompoundButton buttonView, boolean isChecked) {
if(isChecked){
sum += Integer.parseInt(holder.number.getText().toString());
}else{
sum -= Integer.parseInt(holder.number.getText().toString());
}
if (onClickListener != null) {
onClickListener.onItemClick(sum);
}
});
}
@Override
public int getItemCount() {
return alldata.size();
}
public class RecyclerHolder extends RecyclerView.ViewHolder
{
TextView number;
CheckBox checkBox;
public RecyclerHolder(View itemView) {
super(itemView);
number=itemView.findViewById(R.id.number);
checkBox=itemView.findViewById(R.id.check);
}
}
public void setOnClickListener(OnClickListener onClickListener) {
this.onClickListener = onClickListener;
}
public interface OnClickListener {
void onItemClick(int sum);
}
}
现在在活动中使用如下适配器实例:
private RecyclerAdapter adapter;
...
...
cardAdapter.setOnClickListener(new CardAdapter.OnClickListener() {
@Override
public void onItemClick(int sum) {
txtSum.setText(String.valueOf(sum));
});
这很正常。您没有设置是否选中复选框。您正在选择一个,视图保持架将其保持选中状态
你可以看看我的例子。你可以这样做:
@Override
public void onBindViewHolder(ViewHolder holder, final int position) {
final Data data = myItems.get(position);
//in some cases, it will prevent unwanted situations
holder.checkBox.setOnCheckedChangeListener(null);
//if true, your checkbox will be selected, else unselected
holder.checkBox.setChecked(data.isSelected());
holder.checkBox.setOnCheckedChangeListener(new OnCheckedChangeListener() {
@Override
public void onCheckedChanged(CompoundButton buttonView, boolean isChecked) {
//set your object's last status
data.setSelected(isChecked);
}
});
}
在BindViewHolder中,必须选中或取消选中复选框。如果为true,将选中您的复选框,否则取消选中
holder.checkBox.setChecked(boolean);
必须存储复选框状态。您可以在模型中执行此操作,例如:
class Model {
String title;
boolean checked;
}
接下来,您必须将模型
项的List
传递给您的适配器并选中/取消选中由您的模型确定的复选框。
if (listOfItems.get(position).checked) {
viewHolder.checkbox.setChecked(true);
} else {
viewHolder.checkbox.setChecked(false);
}
请记住,您始终需要管理适配器中视图的相反状态(如复选框或视图可见性)。
我有一个模态表单,它填充了来自我的数据库在PageLoad上的数据。 我知道它会被选中,尽管在第一次单击复选框时,它似乎什么也没做,仍然看起来没有被选中,然后在第二次单击时,它会选中复选框。 在单击复选框前后检查页面时,我注意到&也需要更改,以使选中的gfx看起来是选中的。如何使用JavaScript更改这些内容? 知道我正在使用以下内容可能会有所帮助:
问题内容: 如何检查是否使用复选框数组的ID选中了复选框数组中的复选框? 我正在使用以下代码,但无论ID为何,它始终返回已选中复选框的数量。 问题答案: ID在您的文档中必须是唯一的,这意味着您 不应该这样 做: 而是放下ID,然后按名称或包含元素选择它们: 现在是jQuery:
谢了。
问题内容: 使用HTML,将创建一个复选框,如下所示: 使用javascript,我们可以选中以下复选框: 现在,我正在尝试使用jquery-mobile创建相同的页面。该复选框如下所示: 为什么这里没有呢?是这个名字吗?我应该删除属性名称并使用名称创建一个吗? 如何在此处使用Javascript / jQuery选中此复选框? 我尝试了上面的代码,但似乎不适用于此复选框。 问题答案: 您需要使用
问题内容: 我正在尝试使用CSS更改复选框的默认“框图像”,但是它不起作用。有没有办法解决? 问题答案: 尝试: jQuery
在他们的文件中:http://getbootstrap.com/docs/4.0/components/forms/#checkboxes-和-无线电-1 也没有提到如何通过html或javascript更改它们的状态。 JsFiddle:https://jsfiddle.net/2n40w13k/1/ Js: