js怎么将文本双击变成单选按钮

如图 当我双击男女是变成单选按钮 !
图片说明
此处是双击事件的代码

 function updx(id,type,objvalue)
{                                                       
    document.getElementById(type).outerHTML="<input type=radio id='"+type+"' list="#{1:'男',0:'女'}" onblur=updaChang('"+id+"','"+type+"',this);>";
}
<input type=radio id='"+type+"' list="#{1:'男',0:'女'}" onblur=updaChang('"+id+"','"+type+"',this);>

定义的代码应该怎么写 求教!!!

outerHTML改为innerHTML,而且设置innerHTML不要加其他模板的属性,不会自动帮你生成对象,自己组合


 function updx(id,type,objvalue)
{                                                       
    document.getElementById(type).innerHTML=
"<input type='radio' name='"+type+"' value='1' onclick='updaChang(this);'"+(objvalue=='男'?' checked':'')+">男"+
"<input type='radio' name='"+type+"' value='0' onclick='updaChang(this);'"+(objvalue=='女'?' checked':'')+">女";
}

function updaChang(o){
alert(o.value);
o.parentNode.innerHTML=o.value=='0'?'女':'男'
}

监听一个双击事件,,将选中的文本替换为按钮就行了