[Android]안드로이드 - 체크박스 클릭 시 다른 체크박스 전체 선택하는 방법

 

회원가입 시 이용약관 동의/마케팅 동의를 체크박스로 할 때
항상 전체 선택 또는 전체 동의 체크박스가 있다.
그 체크박스를 누르면 전체 선택되는 체크박스 세트를 만들어보자.

 

 

1. main.xml

먼저 체크박스들을 만들어준다.
전체 선택 체크박스와 4개의 체크박스를 LinearLayout 에 깔끔하게 정리해준다.

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity">

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="vertical">

        <CheckBox
            android:id="@+id/ckbAllAgree"
            android:layout_width="wrap_content"
            android:layout_height="30dp"
            android:layout_marginLeft="24dp"
            android:layout_marginTop="20dp"
            android:layout_marginRight="24dp"
            android:layout_weight="1"
            android:text="전체동의" />

        <CheckBox
            android:id="@+id/checkBox1"
            android:layout_width="match_parent"
            android:layout_height="30dp"
            android:layout_marginLeft="24dp"
            android:layout_marginRight="24dp"
            android:layout_weight="1"
            android:text="이용약관(필수)" />

        <CheckBox
            android:id="@+id/checkBox2"
            android:layout_width="match_parent"
            android:layout_height="30dp"
            android:layout_marginLeft="24dp"
            android:layout_marginRight="24dp"
            android:layout_weight="1"
            android:text="개인정보 수집 및 이용동의(필수)" />

        <CheckBox
            android:id="@+id/checkBox3"
            android:layout_width="match_parent"
            android:layout_height="30dp"
            android:layout_marginLeft="24dp"
            android:layout_marginRight="24dp"
            android:layout_weight="1"
            android:text="만 14세 이상입니다.(필수)" />

        <CheckBox
            android:id="@+id/checkBox4"
            android:layout_width="match_parent"
            android:layout_height="30dp"
            android:layout_marginLeft="24dp"
            android:layout_marginRight="24dp"
            android:layout_weight="1"
            android:text="이벤트, 쇼핑 프로모션 메일 수신 동의(선택)" />
    </LinearLayout>

</androidx.constraintlayout.widget.ConstraintLayout>

 

2. MainActivity.java

그리고 메인 액티비티에서 체크박스 화면연결을 해주고

맨처음 체크박스에 setOnClickListener로
첫 체크박스 클릭시 나머지 체크박스가 전부 체크가 되고
첫 체크박스 체크 해제시 나머지 체크박스도 전부 체크 해제가 되는 것을 설정해준다.

import androidx.appcompat.app.AppCompatActivity;

import android.os.Bundle;
import android.view.View;
import android.widget.CheckBox;

public class MainActivity extends AppCompatActivity {
    CheckBox ckbAllAgree;
    CheckBox checkBox1;
    CheckBox checkBox2;
    CheckBox checkBox3;
    CheckBox checkBox4;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        ckbAllAgree = findViewById(R.id.ckbAllAgree);
        checkBox1 = findViewById(R.id.checkBox1);
        checkBox2 = findViewById(R.id.checkBox2);
        checkBox3 = findViewById(R.id.checkBox3);
        checkBox4 = findViewById(R.id.checkBox4);

        ckbAllAgree.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                boolean isChecked = ckbAllAgree.isChecked();
                checkBox1.setChecked(isChecked);
                checkBox2.setChecked(isChecked);
                checkBox3.setChecked(isChecked);
                checkBox4.setChecked(isChecked);
            }
        });
    }
}

 

3. 실행화면

왼쪽은 체크박스 해제했을 때

오른쪽은 체크박스 선택했을 때이다.

 

GIF로 보면 잘 나오고 있는 것을 볼 수 있다.