javascript - ko.js の実際の値ではなく、ラジオのテキスト値を取得する

Question

私は ko.js アプリを持っていますが、いくつかの問題に遭遇しました。選択したラジオの値を、チェック済みバインディングで簡単に監視できるようにしますが、次の要素のテキストを取得するにはどうすればよいでしょうか? これが私が話していることです。

<input type="radio" value="323" data-bind="checked: foodId">
<span data-bind="text:foodName"></span>

したがって、実際の ID ではなく、スパンからエントリの名前を取得する必要があります。ユーザーが選択した後、最終的に必要なものは次のとおりです。

<p>you have selected hamburger</p>

しかし、ko.js ではラジオの値を取得することしかできないようですが、「323」を選択したというメッセージを表示することは私が必要とするものではありません。jquery が役立つと思いますが、ko.js で jquery イベント リスナーを使用することはお勧めできません。

編集：データは次のようになります。

var viewModel = function(){

    this.food = ko.observableArray([{foodId: 323, foodName:'hamburger'},
                                    {foodId: 339, foodName:'pizza'}]
}

HTML では、foreach バインディングを使用してすべてのエントリを表示します。完全なコードをコピーできなくて申し訳ありません。私はモバイルにいて、現在ソースがありません。

手伝ってくれませんか？