js勾选复选框出来文本框

勾选checkbox后动态添加文本框,
文本框里不需要有值,但是文本框左侧有对应值,有大神会做么。

如下代码可以实现:

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

温馨提示:内容为网友见解,仅供参考
无其他回答

js勾选复选框出来文本框
如下代码可以实现:S M L XLfunction SetInput(v, vt){var div = document.getElementById("divBox");if(v.checked)div.innerHTML += ""+vt+":

HTML表单里怎样用JS检查checkbox勾选了并且文本框有内容
这个是用jQuery判断的,其中的id是需要你修改的当然你也可以用class。而这个判断如果直接写在js里因为只判断一次所以当你改变的时候也许会判断错误,在判断之前要交一个复选框改变时间或者文本框改变事件,也就是change()时间。合在一起就是 ("#复选框的id").click(function(){ if($("#id").att...

...组复选框,动态添加1个input输入框,输入框中自动填充所选复选框...
DOCTYPE html> 跑步 打球 登山 游泳 骑车 <\/

如何通过js实现勾选复选框
js勾选复选框示例i:\/\/获取页面所有checkbox(checkbox的name设置一致)var items=document.getElementByName("checkbox的name");\/\/遍历checkboxfor(var i=0;i<items.length;i++){ \/\/当前checkbox实现勾选 items[i].checked=true;}

求js代码,三个复选框选项,选中一个复选框后面弹出对应的下拉框,选中...
.hide{ display: none;} (function(){ ('.cbx').click(function(){ c = $(this).is(":checked");t = $(this).attr("target");if(!c)('#o'+t).hide();else ('#o'+t).show();});}) 1

js 要求能够弹出对话框提示当前选中的是哪几个复选框
) var selected= "" var count=0 for(var i=0;i<checkboxes.length;i++){ if(checkboxes[i].checked){ count++; selected+=checkboxes[i].value+" " } } if(count==0){ alert("你没有选择复选框") return false } alert("你选择了"+count+"个复选框,分别是:"+selected) } ...

我要让复选框读取后打勾
这是一种方法,用JS实现的,你只要将数据库里读出数据放在“var fwss=""”这句里面就行了 厨 床 家具 var fwss="厨,床,家具,"var o=document.getElementsByName("fwss");for(var i=0;i<o.length;i++){ if(fwss.search(o[i].value)!=-1){ o[i].checked=true;} } ...

asp js实现勾选复选框后批量打印?
给你一个简单的示例:<% for t=1 to 10 %><input type="checkbox" id="chk<%=t%>" value="<%=t%>" \/><span id="span<%=t%>">选项<%=t%><% next%>function printme(){ var o=window.open("","print"); var s=""; for(var t=1;t<=10;t++){ if(doc...

JavaScript复选框选中的同时在span中显示选中选项值?
js部分:本实现依赖jquery.js (function(){ ('input[name="like"]').change(function(){ var val = $('input[name="like"]:checked').map(function(){ return $(this).val();}).get().join(',');('#show').text(val);});}); ...

我尝试用JS获取复选框进行动作,为什么没有反应
因为,你的代码是在窗口加载时执行的。这个时候,任何复选框都没有被选中。这段代码只会执行一次。当你点击选择复选框时,是什么都不会发生的。正确的方法是注册一个事件。即在你点击复选框时,需要触发一段代码。可以使用onclick属性:scripttype=text\/javascript functioncheckit(elem){ alert(elem....

相似回答