I want to preselect the checkbox based on the data but checkbox are not getting preselected not sure why.

Below is the code.


 salesPerson: ko.observableArray([
                { itemName: 'Choice 1' ,checked:true },
                { itemName: 'Choice 2' ,checked:false}
 chosenSalesPersons: ko.observableArray()


 <div class="chechbox-wrap" data-bind="foreach: salesPerson,  event: { scroll: function(){} }">
                        <div data-bind="text: itemName"></div>
                        <input type="checkbox" data-bind="checkedValue: $data, checked: $parent.chosenSalesPersons" />
  • if i change to this it works but my choosenSalesperson functionality gets affected <input type="checkbox" data-bind="checkedValue: $data, checked: checked" /> Nov 11 '19 at 13:23

Just try replacing your code with below code:

      salesPerson: ko.observableArray([
            { itemName: 'Choice 1'},
            { itemName: 'Choice 2'}
          chosenSalesPersons: ko.observable('Choice 1')
  • i want to show choice 1 as checked .this doesnt work Nov 11 '19 at 13:19
  • please check i have updates my answer Nov 11 '19 at 13:22

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.