[Yusuf Umut Piynar]

Hello I got 5 checkboxes

AppCheckBox{

     id : optionA

     text:"A)"

     width: parent.width / 5

     }

 AppCheckBox{

     id: optionB

     width: parent.width / 5

   text:"B)"

 }

 AppCheckBox{

     id : optionC

     width: parent.width / 5

   text:"C)"

 }

 AppCheckBox{

     id : optionD

     width: parent.width / 5

   text:"D)"

 }

 AppCheckBox{

     id : optionE

     width: parent.width / 5

   text:"E)"

 }

}

I want user to be able to only check one of them at once.How do I can do that ?

[Javier]

Hi,

You could uncheck the others in the onCheckedStateChanged signal when its checkedState is Qt.Checked, but for that it is better to use radio buttons.

https://doc.qt.io/qt-5.10/qml-qtquick-controls2-radiobutton.html

[Yusuf Umut Piynar]

I achieved my goal with this script but its the worst performance script that ever written, btw I can change it to radiobuttons later..

if (optionA.checked == true){

        optionB.checked = false

        optionC.checked = false

        optionD.checked = false

        optionE.checked = false

    }

    if (optionB.checked == true){

        optionA.checked = false

        optionC.checked = false

        optionD.checked = false

        optionE.checked = false

    }

    if (optionC.checked == true){

        optionA.checked = false

        optionB.checked = false

        optionD.checked = false

        optionE.checked = false

    }

    if (optionD.checked == true){

        optionA.checked = false

        optionB.checked = false

        optionC.checked = false

        optionE.checked = false

    }

    if (optionE.checked == true){

        optionA.checked = false

        optionB.checked = false

        optionC.checked = false

        optionD.checked = false

    }

[AlexFelgo Team]

Hi,

you can use the exclusiveGroup property of the AppCheckBox, which is inherited from CheckBox:

import Felgo 3.0
import QtQuick 2.9
import QtQuick.Controls 1.4

App {

  NavigationStack {
  
    Page {
      title: "ExclusiveGroup"
      
      ExclusiveGroup {
        id: myGroup
      }
      
      Column { 
        anchors.centerIn: parent
        spacing: dp(20)
        
        AppCheckBox {
          text: "CB1"
          exclusiveGroup: myGroup
        } 
        AppCheckBox {
          text: "CB2"
          exclusiveGroup: myGroup
        }
      }
    }
  }
}

Note: To post code, please use the “Code” button in the editor.

Cheers,
Alex

[Cezary]

ExclusiveGroup works almost perfect, but...
If user click on already checked item then unchecks it and nothing in group will be checked.

And to fix it just add

onCheckedChanged: {
            updateChecked = !checked
        }

[AlexFelgo Team]

This sounds more like a use-case for radio buttons then. Here is an example for that, using AppRadio which is based on Qt Quick Controls 2:

import QtQuick.Controls 2.0 as QC2
import QtQuick 2.9
import Felgo 3.0

App {

  NavigationStack {
  
    Page {
      title: "Checked: " + myGroup.checkedButton.text
      
      QC2.ButtonGroup {
        id: myGroup
        onCheckedButtonChanged: {
          console.debug("Checked " + checkedButton.text)
        }
      }
      
      Column { 
        anchors.centerIn: parent
        spacing: dp(20)
        
        AppRadio {
          text: "CB1"
          checked: true
          QC2.ButtonGroup.group: myGroup
        } 
        AppRadio {
          text: "CB2"
          QC2.ButtonGroup.group: myGroup
        }
      }
    }
  }
}

Best,
Alex