使用Javascript在文本区域中获取单选按钮的值

Question

我试图获取一个或多个单选按钮的值，并根据选择的单选按钮，显示在我的一个文本字段中。

Radio Buttons看起来像这样。

HTML：

<div id="options"> 
<div>
  <label class ="rad">
  <input id="leather" type="radio" name ="fb" value="Black"/>
  <img id="product" src="https://static1.squarespace.com/static/597fa0f8cf81e0a5fd740d2c/t/598a4fc4db29d6084cdafc47/1502236612647/redchair.png">
</label>
</div>
<p id="selection">Value Goes Here.</p>

JS：

var leather = document.getElementById('leather').value;
var selection = document.getElementById('selection');
if (document.getElementById('leather').checked) {
 selection = document.getElementById('leather').value; 
}