菜鸟求助:JS函数如何实现文本框输入值后能动态加载多选框?

我现在想用JS实现一个特效,就是在一行文本框中输入值后,文本框右边能动态加载一个多选框,同时在该文本框下方也能加载一个同样的文本框,这个动态加载的文本框也具备刚才提到的动... 我现在想用JS实现一个特效,就是在一行文本框中输入值后,文本框右边能动态加载一个多选框,同时在该文本框下方也能加载一个同样的文本框,这个动态加载的文本框也具备刚才提到的动态加载多选框和新增一行文本框的特效,哪位高人能指导一下啊,在线等 展开
 我来答
644792799
2014-03-26 · TA获得超过662个赞
知道小有建树答主
回答量:696
采纳率:100%
帮助的人:529万
展开全部

首先你需要在页蠢粗面中引入jquery

实例代码如下:

HTML

<form id="f">
<input type="text" name="" id="" onblur="autoAddEle(this)">
<input type="checkbox"迹档拿 name="" id="">
</form>

JS

function autoAddEle(focusTextDom) {
var focusTextJqDom = $(focusTextDom);
if(focusTextJqDom.val() == "test") {
var elehtmlstr = "<br><input type='text' name='' id='' onblur='autoAddEle(this)'><input type='checkbox' name='' 姿搭id=''>";
$("#f").append(elehtmlstr);
}
}

 当你在文本框中输入 test 后会自动出现一个带同样事件的文本框和复选框

推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

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

类别

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

说明

0/200

提交
取消

辅 助

模 式