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

Question

如图 当我双击男女是变成单选按钮 !

此处是双击事件的代码

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

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

Answer 1

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'?'女':'男'
}