如何从文本框中删除未选中的项目
How to remove unchecked item from textbox?
My JavaScript:
<script type="text/javascript">
function getVal(chk, adto)
{
var ad="";
if (chk.checked)
{
ad=document.getElementById(adto).value + chk.value;
document.getElementById(adto).value = ad;
}
else
{
}
}
</script>
第一个块按我想要的方式工作,但是当用户取消选中该复选框时,它应该从文本框中删除该值。
以下是 HTML 代码:
<body>
<input type="checkbox" name="chk[]" value="0" id="chk0" onclick="getVal(this, 'inp0')">value 0<br>
<input type="checkbox" name="chk[]" value="1" id="chk1" onclick="getVal(this, 'inp0')">value 1<br>
<input type="checkbox" name="chk[]" value="2" id="chk2" onclick="getVal(this, 'inp0')">value 2<br>
<input type="checkbox" name="chk[]" value="3" id="chk3" onclick="getVal(this, 'inp0')">value 3<br>
<input type="checkbox" name="chk[]" value="4" id="chk4" onclick="getVal(this, 'inp0')">value 4<br>
<input type="checkbox" name="chk[]" value="5" id="chk5" onclick="getVal(this, 'inp0')">value 5<br>
<br>
<input type="text" name="inp" id="inp0" readonly><br>
请帮助如何从文本框中删除未选中的选项。
演示
假设所有具有相同名称的复选框都会添加到同一字段。如果没有,我们将需要更多的代码。
我还假设盒子被包裹在表单标签中
function getVal(chk, adto) {
var ad=[];
var checks = chk.form[chk.name];
for (i=0;i<checks.length;i++) {
if (checks[i].checked) {
ad.push(checks[i].value);
}
}
document.getElementById(adto).value = (ad.length>0)?ad.join(" "):"";
}
相关文章:
- 如何从 HTML 查询中删除项目
- 如何在NativeScript中从列表中删除项目时设置动画
- 如何通过AngularJS删除一个项目
- orderBy$filter在项目删除(拼接)后阻止ng重复列表更新
- 正在删除正在单击的项目
- 删除项目时的JavaScript计算
- 为什么当我单击X时,所有项目都会从我的Backbone.js视图中删除
- 如何删除重复的选定项目并替换为数量
- 如何请求确认删除检查表项目
- 什么'是删除WinJS ListView中所有项目的最快方法
- 如何从Firebase聊天中删除项目
- 使用 id 和 Javascript 从数组中删除项目
- 如何通过迭代对象数组来删除某些项目
- JavaScript - 从框中删除项目名称
- Javascript:从数组中删除包含带有侦听器的对象的项目的最佳方法
- NetSuite行项目删除内部循环问题
- jQuery标签-它,如何执行post时,项目删除
- (Bootstrap) -更改下拉按钮文本以反映所单击的项目删除插入符号
- MongoDB更新对象与项目删除不保存
- 使用javascript动态地将项目删除并添加回屏幕