input box not updating when checkbox is selected sapiu5

I created a table in Web IDE that has a checkbox and input box that by default shows "100%" when checkbox is selected. It was working before I added data from a json but now that I made the column list item a template taking in data from the json on some of the columns, the input box does not fill in when selecting checkbox.

What shows up now:

What I want to show up:

If I use something like message box, it does the correct output when selecting checkbox.

sap.m.MessageBox.alert("100%")
sap.m.MessageBox.alert("0%")

I binded the event to the checkbox under select. This is the code for the checkbox.

    percentCheck: function(oEvent) {
        //inputText is the input Text box  
        var inputText = this.byId("inputPercent");
        var isSelected = oEvent.getParameter("selectedItem");

        if (isSelected) {
            inputText.setValue("100%");
        } else {
            inputText.setValue("");
        }
    }