2

テキストに対しては機能しますが、有効にできないため、画像の HTML を読み取ります - http://jsfiddle.net/BgQPF/

<p> Current Radiobutton Value = <span data-bind='text: selected' ></span></p>

<input type='radio' name='onlyOne' data-bind='checked: selected, enable: enable' value='<img src="https://github.com/gentoo90/minimal-django-file-upload-example/diff_blob/9ab39c7fe5abaf00f2d586e88e79a5a85075179e/src/for_django_1-3/myproject/media/documents/2012/07/12/example02.jpg?raw=true">' /> Yes
<input type='radio' name='onlyOne' data-bind='checked: selected, enable: enable' value='N' /> No
<input type='radio' name='onlyOne' data-bind='checked: selected, enable: enable' value='M' /> Maybe
4

2 に答える 2

7

ここに取引があります

<span data-bind='html: selected' ></span>

それ以外の

<span data-bind='text: selected' ></span>

ライブデモ

于 2013-05-22T10:40:38.960 に答える
0

そして、あなたはそれをどこに出力しようとしていますか？

あなたが与えた例では、最初のラジオボタンを押すと正しい値が得られますが、hrefを値にのみ保存し、img要素のsrc属性を変更して、ラジオボタンを変更しないのはなぜですか?

HTML 部分:

<p> Current Radiobutton Value = <span data-bind='text: selected' ></span></p>

<img id="test_img" src='' alt="" width="32" height="32" />

<input type='radio' name='onlyOne' data-bind='checked: selected, enable: enable' value='http://www.gravatar.com/avatar/a118c92a699e7d003b8767a108d50f53?s=32&amp;d=identicon&amp;r=PG' /> Yes
<input type='radio' name='onlyOne' data-bind='checked: selected, enable: enable' value='N' /> No
<input type='radio' name='onlyOne' data-bind='checked: selected, enable: enable' value='M' /> Maybe

<BR/>

<input type='checkbox' data-bind='checked: enable'> Enable controls

スクリプト部分:

var viewModel = {
    enable: ko.observable(true),
    selected: ko.observable('Y')
};


$('input[name="onlyOne"]').click(function (event) {
   $('#test_img').attr('src',$(this).val());
});

ko.applyBindings(viewModel);

リンクの例を使用して、粗く編集しました。

よろしく、

于 2013-05-22T10:38:55.270 に答える