js勾选复选框出来文本框

勾选checkbox后动态添加文本框,文本框里不需要有值,但是文本框左侧有对应值,有大神会做么。... 勾选checkbox后动态添加文本框,
文本框里不需要有值,但是文本框左侧有对应值,有大神会做么。
展开
 我来答
澤希Dc
2014-04-05 · TA获得超过1747个赞
知道小有建树答主
回答量:509
采纳率:0%
帮助的人:243万
展开全部

如下代码可以实现:

<input type="checkbox" onclick="SetInput(this,'S');" />S <input type="checkbox" onclick="SetInput(this,'M');" />M <input type="checkbox" onclick="SetInput(this,'L');" />L  <input type="checkbox" onclick="SetInput(this,'XL');" />XL
<div id="divBox"></div>
<script>
function SetInput(v, vt){
var div = document.getElementById("divBox");
if(v.checked)
div.innerHTML += "<div id='divIp"+vt+"'>"+vt+": <input type='text' value='"+vt+"' /></div>";
else
div.removeChild(document.getElementById("divIp"+vt));
}
</script>
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式