當點擊單選按鈕，元素含量變化圖像

我可以得到它的工作文字，但因此它的圖像讀取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

來源

2013-05-22 Tom Rudge

卡包含的圖像？ – Teshte

您將img標籤放入span標籤內，但您需要替換span標籤 – abimelex

因此，當您點擊「是」時，圖像將會出現，而不是value =「」中的文字。 –

這裏是你想要的交易

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

代替

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

LIVE DEMO

來源

2013-05-22 10:40:38

這是正確的答案，看到它：http://jsfiddle.net/BgQPF/3/ –

@roasted回答已經有演示鏈接:) –

OP想要使用圖像，看到改變單選按鈕時我們的jsfiddle之間的差異'是」。 OP首先設置了一個錯誤的jsfiddle。 –

而你正試圖輸出它去哪裏？

在你給出的例子中，當按下第一個單選按鈕時，我會得到正確的值，但爲什麼不將href存儲在值上並更改img元素的src attr，單選按鈕？

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);

使用鏈接例如，crudly編輯。

問候，

來源

2013-05-22 10:38:55

當點擊單選按鈕，元素含量變化圖像

回答

相關問題