2

I can get it working for text, but can't enable it so it reads HTML for image - 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 回答