クリックしたラジオボタンに基づいて子要素の値を取得する方法

Question

以下は私のコードです。foreachループでリストを生成します。ラジオボタンのIDは、すべての自動生成ラジオボタンで同じですのでラジオボタンに基づいて特定の値を取得できません選択してくださいので、therは価値を得るための任意のオプションです。

<div id="divaddress" data-bind="foreach: Addresslist"> 
    <div class="col-lg-4 col-md-4 col-xs-4"> 
     <div class="i-boxb"> 
      <input class="checkout-radio" type="radio" name="existingaddress" id="exadressid" data-bind="click:GetAddressId" @*onclick="GetAddressId()"*@ /> 
      <label class="cradio" for="normal" data-bind="text:Name" style="font-weight:bold"> </label> 
      <p data-bind="text:Address"></p> 
      <p data-bind="text:City"></p> 
      <p data-bind="text:State"></p> 
      <p data-bind="text:Pincode"></p> 
      <p id="Mobileno" data-bind="text:Mobile"></p> 
     </div> 
    </div> 
</div> 

Answer 1

私が正しく理解していれば、アドレス帳にはそれぞれのチェックボックスが付いています。ユーザーがショッピングサイトのようにチェックしたときにアドレスのIdを取得したい場合

ビューモデルにselectedAddressIdというプロパティを追加する必要があります。

var viewModel = function() { 
    var self = this; 
    self.selectedAddressId = ko.observable(); 
    self.Addresslist = ko.observableArray([ 
     { Id: 1, Address: "Number 10", City: "London" }, 
     { Id: 2, Address: "Number 420", City: "Delhi" }, 
    ]); 

    // this will subscribe to the radio selection changes 
    self.selectedAddressId.subscribe(function (selectedValue) { 
     // all the logic you want on selecting of checkbox goes here 
     alert(selectedValue); 
    }); 
}; 

次に、HTMLではcheckedバインディングを使用できます。あなたはラジオ結合にラジオ入力のvalue

<div id="divaddress" data-bind="foreach: Addresslist"> 
    <div class="col-lg-4 col-md-4 col-xs-4"> 
     <div class="i-boxb"> 
      <input class="checkout-radio" type="radio" name="selectedAddressId" data-bind="value:id, checked: $parent.selectedAddressId" /> 
      <label class="cradio" for="normal" data-bind="text:Name" style="font-weight:bold"> </label> 
      <p data-bind="text:Address"></p> 
      <p data-bind="text:City"></p> 
      <p data-bind="text:State"></p> 
      <p data-bind="text:Pincode"></p> 
      <p id="Mobileno" data-bind="text:Mobile"></p> 
     </div> 
    </div> 
</div> 

お知らせ$parent.selectedAddressIdにアドレスのIdをバインドする必要があります。 $parentがなければ、ノックアウトが

のViewModel

あなた Addressオブジェクトではなく、あなたの親に selectedAddressIdプロパティになり、私はそれをより快適にするために fiddle