Multiple check mark checkbox

Hello in designer, I want to create a check box that shows multiple check marks for different selections

"check" for yes

"cross" for no

and "blank" for no selection.

This script is not working:

if (this.rawValue === 1) {

   this.ui.oneOfChild.mark = "check";

}

if (this.rawValue === 2) {

   this.ui.oneOfChild.mark = "cross";

}

or any code for that matter?

I am  new to this forum, could somebody help me please, may be there's something I am doing wrong.

I use both livecycle designer es4 and Aem designer form 6.1.