Jquery 击倒动态点击

我想动态单击复选框，它将显示另一个复选框，其中包含第一个复选框的可用选项。我一次可以选择两个复选框

我的

渴望的

使用fiddle的工作示例，但我希望使用相同的复选框和不同的数据结构

JS

（函数（）{
"严格使用",；
ko.组件登记册（“marketsub”{
viewModel:函数（参数）{
var self=这个；
var bindto=params.options；
var marketH=[
{城市市场：''，市场：''北埃斯塔多斯'，子市场：''亚马孙'}，
{市场：“Estados do Sudeste”，次级市场：“Espírito Santo”，
城市市场：“}”，
{市场：“Estados do Sudeste”，次级市场：“圣保罗”，城市市场：“Berrini（SP）”，
{市场：“Estados do Sudeste”，次级市场：“Minas Gerais”，城市市场：“}，
{市场：“Estados do Sudeste”，次级市场：“里约热内卢”，城市市场：“}，
{市场：“Estados do Sudeste”，次级市场：“圣保罗”，城市市场：“}，
{市场：“南部地区”，次级市场：“巴拉那”，城市市场：}，
{市场：“南Região Sul”，次级市场：“南里奥格兰德”，城市市场：}，
{市场：“南Região Sul”，次级市场：“Santa Catarina”，城市市场：}，
{市场：“Estados do Sudeste”，次级市场：“圣保罗”，城市市场：“Faria Lima（SP）”}
];
this.markets=ko.observearray（marketH）；
此子市场=可观察到的市场（marketH）；
本市市场=ko.observearray（marketH）；
this.markets.SelectedValue=ko.observearray（self.markets.SelectedValue）；
},
模板：'\
\
\
\
嘿，未来！你能发布一个你的模拟HTML吗？
(function() {
'use strict';
ko.components.register('marketsub',{
viewModel:function(params){
  var self=this;
  var bindto= params.options;
  var marketH=[
          {CityMarket:"", Market:"Estados do Norte",SubMarket:"Amazonas"},
          {Market: "Estados do Sudeste", SubMarket: "Espírito Santo",  
   CityMarket: ""},
          {Market: "Estados do Sudeste", SubMarket: "São Paulo", CityMarket: "Berrini (SP)"},
          {Market: "Estados do Sudeste", SubMarket: "Minas Gerais", CityMarket: ""},
           {Market: "Estados do Sudeste", SubMarket: "Rio de Janeiro", CityMarket: ""},
           {Market: "Estados do Sudeste", SubMarket: "São Paulo", CityMarket: ""},
           {Market: "Região Sul", SubMarket: "Paraná", CityMarket: ""},
           {Market: "Região Sul", SubMarket: "Rio Grande do Sul", CityMarket: ""},
           {Market: "Região Sul", SubMarket: "Santa Catarina", CityMarket: ""},
           {Market: "Estados do Sudeste", SubMarket: "São Paulo", CityMarket: "Faria Lima (SP)"}
];
this.markets = ko.observableArray(marketH);
this.submarkets = ko.observableArray(marketH);
this.citymarkets= ko.observableArray(marketH);
      this.markets.SelectedValue = ko.observableArray(self.markets.SelectedValue);
},
template:'<div>\
<ul data-bind="foreach: markets">\
 <li class="FormMultiSelect-option">\
  <label class="FormMultiselect-checkboxLabel">\
  <input class="FormMultiselect-checkbox"  }"  type="checkbox">\
          <span data-bind="text:Market"></span>\
   </label>\
  </li>\
  </ul>\
  </div>'

     })

}());
// top level viewmodel
var vm = function() {
var self = this;

 };
ko.applyBindings(new vm());